@charset "UTF-8";
/* ------------------------------------------
 SP
------------------------------------------ */
@media screen and (max-width: 750px) {
  /*-------------------------------------
  ヘッダー・メインイメージ・ナビ
  -------------------------------------*/
  .main_wrap {
    background: url("../img/top/main_bg.png") no-repeat center top;
    background-size: contain;
    margin-bottom: 25px;
  }
  .main_wrap > .main_inner {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
  }
  .main_wrap > .main_inner > .main_visual {
    margin-top: 30px;
    margin-bottom: 0;
    position: relative;
    top: 0;
    left: 0;
  }
  .main_wrap > .main_inner > .main_visual > ul {
    position: absolute;
    top: 0;
    left: 0;
  }
  .main_wrap > .main_inner > .main_visual > ul > li {
    width: 86%;
    margin: 0 auto;
  }
  .main_wrap > .main_inner > .main_visual > ul > li > img {
    max-width: 100%;
  }
  .main_wrap > .main_inner > .main_visual > .copy {
    font-size: 3.3vw;
    position: absolute;
    bottom: -13vw;
    right: 4vw;
    text-align: right;
    z-index: 1000;
  }
  .main_wrap > .main_inner > .main_visual > .copy > span {
display: inline-block;
    padding: 4px 20px 4px;
    margin-bottom: 10px;
    color: #fff;
    line-height: 2;
    background-color: rgba(255,135,57,0.8);
    border-radius: 100px;
    text-shadow: 3px 3px 8px #dc6864;
  }
  .main_wrap > .main_inner > .main_visual > .copy > span:last-child {
    margin-bottom: 0;
  }

  /* -------------------------------------
    パターン　しゃぼん玉
  ------------------------------------- */
  .header_pattern_bubble {
    background-image: url("../img/top/main_bg_pattern_bubble.png");
    position: relative;
    background-size: cover;
  }
  .header_pattern_bubble > .main_inner {
    overflow: visible !important;
  }
  .header_pattern_bubble > .main_inner > .main_visual {
    margin-top: 0;
    padding: 10px 0;
  }
  .header_pattern_bubble > .main_inner > .main_visual > .pb_balloon {
    position: absolute;
    top: 2vw;
    left: 70vw;
    width: 23%;
  }

  /* -------------------------------------
    パターン　海
  ------------------------------------- */
  .header_pattern_sea {
background-image: url(../img/top/main_bg_pattern_sea.png);
    position: relative;
    background-size: contain;
    background-position: bottom;
    padding-bottom: 10vh;
    background-repeat: no-repeat;
  }
  .header_pattern_sea > .main_inner {
    overflow: visible !important;
  }
  .header_pattern_sea > .main_inner > .main_visual {
    padding: 13vw 0 0;
    position: relative;
  }
  .header_pattern_sea > .main_inner > .main_visual > .pb_sea {
    position: absolute;
    top: 2vw;
    left: 70vw;
    width: 30%;
  }
  .header_pattern_sea > .main_inner > .main_visual > .copy {
  }

  /* -------------------------------------
  	  パターン　花
  	------------------------------------- */
  .header_pattern_flower {
    background-image: url("../img/top/main_bg_pattern_flower.png");
    background-size: cover;
    position: relative;
  }
  .header_pattern_flower > .main_inner {
    overflow: visible !important;
  }
  .header_pattern_flower > .main_inner > .main_visual {
    margin-top: 0;
    padding: 10px 0;
  }
  .header_pattern_flower > .main_inner > .main_visual > .copy {
    bottom: 3vw;
  }

  /* -------------------------------------
    パターン　葉
  ------------------------------------- */
  .header_pattern_leaf {
    background-image: url("../img/top/main_bg_pattern_leaf.png");
    background-size: cover;
    position: relative;
  }
  .header_pattern_leaf > .tree_left {
    position: absolute;
    top: 5vw;
    left: 0;
    z-index: 1000;
    width: 15%;
  }
  .header_pattern_leaf > .tree_right {
    position: absolute;
    top: 6vw;
    right: 0;
    z-index: 1000;
    width: 25%;
  }
  .header_pattern_leaf > .main_inner {
    overflow: visible !important;
  }
  .header_pattern_leaf > .main_inner > .main_visual {
    margin-top: 0;
    padding: 10px 0;
  }
  .header_pattern_leaf > .main_inner > .main_visual > .copy {
    bottom: 3vw;
  }

  /*-------------------------------------
  当院が選ばれるポイント
  -------------------------------------*/
  .top_point_wrap {
    background: url("../img/top/point_bg.jpg") no-repeat center top;
    background-size: cover;
  }
  .top_point_wrap > .top_point_inner {
    width: 80%;
    max-width: 401px;
    margin: 0 auto;
    overflow: hidden;
        padding: 0 0 40px 0;
  }
  .top_point_wrap > .top_point_inner > .point_visible {
    opacity: 1 !important;
  }
  .top_point_wrap > .top_point_inner > .point_box {
    margin-bottom: 40px;
    transition: all 0.5s;
    box-sizing: content-box;
  }
  .top_point_wrap > .top_point_inner > .point_box > .picture > img {
    border-radius: 15px;
    margin: 0 0 25px 0;
  }
  .top_point_wrap > .top_point_inner > .point_box > .info > .num {
    display: inline-block;
    font-size: 2rem;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 25px;
    border-radius: 100px;
    background: #80c269;
    padding: 5px 20px;
    letter-spacing: .2rem;
  }
  .top_point_wrap > .top_point_inner > .point_box > .info > h3 {
font-size: 3.4rem;
    color: #80C269;
    line-height: 1.2;
    margin-bottom: 20px;
  }
  .top_point_wrap > .top_point_inner > .point_box > .info > .text {
    display: block;
    font-size: 1.8rem;
    line-height: 2;
  }

  /*-------------------------------------
  お知らせ
  -------------------------------------*/
  .top_news_wrap {
    background-color: #f3f3f3;
  }
  .top_news_wrap > .top_news_inner {
    width: 92%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    padding: 40px 0;
  }
  .top_news_wrap > .top_news_inner > .left > h2.h2_ex1 > div:nth-child(1) {
    margin-bottom: 8px;
  }
  .top_news_wrap > .top_news_inner > .left > h2.h2_ex1 > div:nth-child(2) {
    margin-bottom: 8px;
  }
  .top_news_wrap > .top_news_inner > .right {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li {
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px #7D7D7D dotted;
    margin-bottom: 15px;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li > .date {
    font-size: 1.4rem;
    color: #7e6b5a;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li > .news > h4 {
    font-size: 1.4rem;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.4;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li > .news > div {
    font-size: 1.3rem;
    line-height: 1.4;
  }

  /*-------------------------------------
  ごあいさつ
  -------------------------------------*/
  .top_greeting_wrap {
    background-color: #fff;
  }
  .top_greeting_wrap > .top_greeting_inner {
    width: 92%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    padding: 40px 0;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .left > .title {
    font-size: 2.3rem;
    font-weight: bold;
    color: #80C269;
    margin-bottom: 30px;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .left > .text {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .picture {
    width: 70%;
    margin: 0 auto 20px;
    text-align: center;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .name {
    font-size: 2.0rem;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .button {
    text-align: center;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .button > a {
    display: inline-block;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 7px;
    background-color: #80C269;
    color: #fff;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .button > a > i {
    display: inline-block;
    margin-right: 5px;
  }

  /*-------------------------------------
  バナー
  -------------------------------------*/
  .top_banner_wrap {
    background-color: #fff;
    border-top: 1px #D2D2D2 solid;
  }
  .top_banner_wrap > .top_banner_inner {
    width: 92%;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    padding: 30px 0 0;
  }
  .top_banner_wrap > .top_banner_inner > ul {
    text-align: center;
  }
  .top_banner_wrap > .top_banner_inner > ul > li {
    display: block;
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 15px;
  }
  .top_banner_wrap > .top_banner_inner > ul > li:nth-child(2n+2) {
    margin-right: 0;
  }
  .top_banner_wrap > .top_banner_inner > ul > li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .top_banner_wrap > .top_banner_inner > ul > li > a {
    display: block;
    border: 1px #ccc solid;
  }
  .top_banner_wrap > .top_banner_inner > ul > li.green > a {
    border-color: #31B421;
  }
  .top_banner_wrap > .top_banner_inner > ul > li.blue > a {
    border-color: #305196;
  }
  .top_banner_wrap > .top_banner_inner > ul > li.red > a {
    border-color: #D63086;
  }
}
/* ------------------------------------------
 PC
------------------------------------------ */
@media screen and (min-width: 751px) {
  /*-------------------------------------
  ヘッダー・メインイメージ・ナビ
  -------------------------------------*/
  .main_wrap {
    background: url("../img/top/main_bg.png") no-repeat center top;
    min-width: 1080px;
  }
  .main_wrap > .main_inner {
    width: 1080px;
    min-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    clear: both;
  }
  .main_wrap > .main_inner > .main_visual {
margin-top: 70px;
    margin-bottom: 100px;
    position: relative;
    top: 0;
    left: 0;
  }
  .main_wrap > .main_inner > .main_visual > ul {
    position: absolute;
    top: 0;
    left: 0;
  }
  .main_wrap > .main_inner > .main_visual > .copy {
    font-size: 3.8rem;
    position: absolute;
    bottom: -30px;
    right: 0;
    text-align: right;
    z-index: 9000;
  }
  .main_wrap > .main_inner > .main_visual > .copy > span {
    display: inline-block;
    padding: 10px 20px 0;
    margin-bottom: 10px;
    color: #fff;
    line-height: 2;
    background-color: rgba(255,135,57,0.8);
    border-radius: 7px;
  }
  .main_wrap > .main_inner > .main_visual > .copy > span:last-child {
    margin-bottom: 0;
  }

  /* -------------------------------------
    パターン　しゃぼん玉
  ------------------------------------- */
  .header_pattern_bubble {
    background-image: url("../img/top/main_bg_pattern_bubble.png");
    position: relative;
  }
  .header_pattern_bubble > .main_inner {
    overflow: visible !important;
  }
  .header_pattern_bubble > .main_inner > .main_visual > .pb_balloon {
    position: absolute;
    top: -70px;
    left: 1000px;
    z-index: 2000;
    width: 323px;
    height: 515px;
  }

  /* -------------------------------------
    パターン　海
  ------------------------------------- */
  .header_pattern_sea {
    background-image: url("../img/top/main_bg_pattern_sea.png");
    background-position: center 135px;
    position: relative;
  }
  .header_pattern_sea > .main_inner {
    overflow: visible !important;
  }
  .header_pattern_sea > .main_inner > .main_visual > .pb_sea {
    position: absolute;
    top: -10px;
    left: 900px;
    z-index: 1000;
    width: 323px;
    height: 515px;
  }

  /* -------------------------------------
    パターン　花
  ------------------------------------- */
  .header_pattern_flower {
    background-image: url("../img/top/main_bg_pattern_flower.png");
    background-size: cover;
    background-position: center 135px;
    position: relative;
  }
  .header_pattern_flower > .main_inner {
    overflow: visible !important;
  }

  /* -------------------------------------
    パターン　葉
  ------------------------------------- */
  .header_pattern_leaf {
    background-image: url("../img/top/main_bg_pattern_leaf.png");
    position: relative;
    background-size: cover;
  }
  .header_pattern_leaf > .tree_left {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 1000;
    width: 276px;
    height: 708px;
  }
  .header_pattern_leaf > .tree_right {
    position: absolute;
    top: 140px;
    right: 0;
    z-index: 1000;
    width: 445px;
    height: 651px;
  }
  .header_pattern_leaf > .main_inner {
    overflow: visible !important;
  }

  /*-------------------------------------
  当院が選ばれるポイント
  -------------------------------------*/
  .top_point_wrap {
    background: url("../img/top/point_bg.jpg") no-repeat center top;
    background-size: cover;
  }
  .top_point_wrap > .top_point_inner {
    width: 1080px;
    min-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    clear: both;
    overflow-x: hidden;
  }
  .top_point_wrap > .top_point_inner > .point_visible {
    opacity: 1 !important;
  }
  .top_point_wrap > .top_point_inner > .point_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 900px;
    margin: 0 auto 90px;
    transition: all 1s;
    box-sizing: content-box;
    transition-timing-function: ease-out;
  }
  .top_point_wrap > .top_point_inner > .point_box > div {
    width: 50%;
  }
  .top_point_wrap > .top_point_inner > .point_box > .picture > img {
    border-radius: 5px;
    box-shadow: 1px 3px 8px #e9f6fe;
  }
  .top_point_wrap > .top_point_inner > .point_box > .info {
    padding-left: 35px;
  }
  .top_point_wrap > .top_point_inner > .point_box > .info > .num {
    display: inline-block;
    font-size: 2rem;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 15px;
    border-radius: 100px;
    background: #80c269;
    padding: 5px 20px;
    letter-spacing: .2rem;
  }
  .top_point_wrap > .top_point_inner > .point_box > .info > h3 {
    font-size: 5rem;
    color: #80C269;
    line-height: 1.2;
    margin-bottom: 25px;
    }
  .top_point_wrap > .top_point_inner > .point_box > .info > .text {
    display: block;
    font-size: 1.8rem;
    line-height: 2.2;
  }
  .top_point_wrap > .top_point_inner > .layout_r {
  }
  .top_point_wrap > .top_point_inner > .layout_r > .picture {
    order: 2;
  }
  .top_point_wrap > .top_point_inner > .layout_r > .info {
    order: 1;
    padding-left: 0;
    padding-right: 35px;
  }

  /*-------------------------------------
  お知らせ
  -------------------------------------*/
  .top_news_wrap {
    background-color: #f3f3f3;
  }
  .top_news_wrap > .top_news_inner {
    width: 1080px;
    min-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    clear: both;
    padding: 80px 0;
  }
  .top_news_wrap > .top_news_inner > .left {
    float: left;
  }
  .top_news_wrap > .top_news_inner > .left > h2.h2_ex1 {
    margin-bottom: 0;
  }
  .top_news_wrap > .top_news_inner > .left > h2.h2_ex1 > div {
    display: inline-block;
  }
  .top_news_wrap > .top_news_inner > .left > h2.h2_ex1 > div:nth-child(1) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  .top_news_wrap > .top_news_inner > .left > h2.h2_ex1 > div:nth-child(2) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  .top_news_wrap > .top_news_inner > .right {
    float: right;
    width: 720px;
    background-color: #fff;
    border-radius: 15px;
    padding: 45px;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li {
    overflow: hidden;
    padding-bottom: 25px;
    border-bottom: 1px #7D7D7D dotted;
    margin-bottom: 25px;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li > div {
    float: left;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li > .date {
    width: 18%;
    font-size: 1.6rem;
    color: #7e6b5a;
    font-weight: bold;
    line-height: 1.4;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li > .news {
    width: 82%;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li > .news > h4 {
    font-size: 1.6rem;
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 1.4;
  }
  .top_news_wrap > .top_news_inner > .right > ul > li > .news > div {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  /*-------------------------------------
  ごあいさつ
  -------------------------------------*/
  .top_greeting_wrap {
    background-color: #fff;
  }
  .top_greeting_wrap > .top_greeting_inner {
    width: 1080px;
    min-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    clear: both;
    padding: 80px 0 10px;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting {
    display: table;
    width: 100%;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > div {
    display: table-cell;
    vertical-align: top;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .left {
    padding-right: 100px;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .left > .title {
    font-size: 2.3rem;
    color: #80C269;
    margin-bottom: 30px;
letter-spacing: .1rem;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .left > .text {
    font-size: 1.7rem;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right {
    width: 320px;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .picture {
    margin-bottom: 30px;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .name {
    font-size: 2.0rem;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .button {
    text-align: center;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .button > a {
    display: inline-block;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 7px;
    background-color: #80C269;
    color: #fff;
    transition: all .3s;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .button > a:hover {
    background-color: #aed89f;
  }
  .top_greeting_wrap > .top_greeting_inner > .greeting > .right > .button > a > i {
    display: inline-block;
    margin-right: 5px;
  }

  /*-------------------------------------
  バナー
  -------------------------------------*/
  .top_banner_wrap {
    background-color: #fff;
    border-top: 1px #D2D2D2 solid;
  }
  .top_banner_wrap > .top_banner_inner {
    width: 1080px;
    min-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    clear: both;
    padding: 45px 0 0;
  }
  .top_banner_wrap > .top_banner_inner > ul {
    text-align: center;
  }
  .top_banner_wrap > .top_banner_inner > ul > li {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px;
  }
  .top_banner_wrap > .top_banner_inner > ul > li:nth-child(3n+3) {
    margin-right: 0;
  }
  .top_banner_wrap > .top_banner_inner > ul > li:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  .top_banner_wrap > .top_banner_inner > ul > li > a {
    display: block;
    border: 1px #ccc solid;
  }
  .top_banner_wrap > .top_banner_inner > ul > li.green > a {
    border-color: #31B421;
  }
  .top_banner_wrap > .top_banner_inner > ul > li.blue > a {
    border-color: #305196;
  }
  .top_banner_wrap > .top_banner_inner > ul > li.red > a {
    border-color: #D63086;
  }
}






/*PC*/
@media screen and (min-width: 751px) {

.copy2{
font-size: 7rem;
position: absolute;
top: -50px;
left: 20px;
text-align: right;
z-index: 9000;
}

.copyc1{
color: #ea605a;
text-shadow: 3px 3px 2px #fff;
}

.copyc2{
color: #aacc03;
text-shadow: 3px 3px 2px #fff;
}

.copyc3{
color: #f7b500;
text-shadow: 3px 3px 2px #fff;
}




.bnrcorona__w{
background-color: #f7f7f7;
width: 100%;
padding: 40px 0;
margin: 0 0 50px 0;
}

.bnrcorona{
display: flex;
justify-content: center;
width: 960px;
margin: 0 auto;
flex-wrap: wrap;
}

.bnrcorona a{
border: 1px solid #f43850;
text-align: center;
background: #fff;
margin: 0 auto;
padding: 20px 20px;
font-weight: bold;
color: #e61728;
font-size: 1.9rem;
width: 70%;
display: block;
transition: .7s;
border-radius: 3px;
}

.bnrcorona a:hover{
opacity: .6;
}

.bnrcorona a span{
}

.bnrcorona a span::before{
}


.nairankai__w{
background-color: #f7f7f7;
width: 100%;
padding: 40px 0 20px;
}

.nairankai__w2{
display: flex;
justify-content: center;
width: 960px;
margin: 0 auto;
flex-wrap: wrap;
text-align: center;
background: #fff;
padding: 40px 20px 40px;
transition: .7s;
border-radius: 10px;
box-shadow: 1px 3px 12px #e2e2e2;
}

.nairankai1{
width: 100%;
font-size: 3.5rem;
font-weight: bold;
text-align: center;
color: #4c4c4c;
line-height: 2;
}

.nairankai2{
width: 100%;
font-size: 3.2rem;
font-weight: bold;
text-align: center;
color: #ea605a;
line-height: 1.7;
margin: 0 0 18px 0;
}

.nairankai3{
width: 100%;
font-size: 1.7rem;
margin: 0 0 30px 0;
}

.nairankai4{
width: 100%;
}

.nairankai4 span{
font-size: 1.6rem;
line-height: 1.8;
color: #636363;
display: inline-block;
border-radius: 100px;
padding: 5px 20px;
background: #efefef;
}


.openinfo__w{
border-bottom: 5px dotted #ccc;
width: 90%;
margin: 0 auto 40px;
padding: 20px 0 30px;
}

.openinfo1{
width: 100%;
font-size: 3.5rem;
font-weight: bold;
text-align: center;
color: #182987;
line-height: 1.7;
margin: 0 0 18px 0;
}




}
/*PC*/




/*sp*/
@media screen and (max-width: 750px) {

.copy2{
    font-size: 7vw;
    position: absolute;
    top: 8vw;
    left: 20px;
    text-align: right;
    z-index: 90;
}

.copyc1{
color: #ea605a;
text-shadow: 3px 3px 2px #fff;
}

.copyc2{
color: #aacc03;
text-shadow: 3px 3px 2px #fff;
}

.copyc3{
color: #f7b500;
text-shadow: 3px 3px 2px #fff;
}

.bnrcorona__w{
background-color: #f7f7f7;
width: 100%;
padding: 30px 0;
margin: 0 0 50px 0;
}

.bnrcorona{
display: flex;
justify-content: center;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
}

.bnrcorona a{
border: 1px solid #f43850;
text-align: center;
background: #fff;
margin: 0 auto;
padding: 10px 20px;
font-weight: bold;
color: #e61728;
font-size: 1.6rem;
width: 80%;
display: block;
transition: .7s;
border-radius: 3px;
}

.bnrcorona a:hover{
opacity: .6;
}

.bnrcorona a span{
}

.bnrcorona a span::before{
}



.nairankai__w{
background-color: #f7f7f7;
width: 100%;
padding: 40px 0 20px;
}

.nairankai__w2{
display: flex;
justify-content: center;
width: 80%;
margin: 0 auto;
flex-wrap: wrap;
text-align: center;
background: #fff;
padding: 30px 20px 30px;
transition: .7s;
border-radius: 10px;
box-shadow: 1px 3px 12px #e2e2e2;
}

.nairankai1{
width: 100%;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
color: #4c4c4c;
line-height: 2;
}

.nairankai2{
width: 100%;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
color: #ea605a;
line-height: 1.7;
margin: 0 0 18px 0;
}

.nairankai3{
width: 100%;
font-size: 1.5rem;
margin: 0 0 20px 0;
text-align: left;
}

.nairankai4{
width: 100%;
}

.nairankai4 span{
font-size: 1.4rem;
line-height: 1.8;
color: #636363;
display: inline-block;
border-radius: 100px;
padding: 5px 15px;
background: #efefef;
text-align: left;

}



.openinfo__w{
border-bottom: 3px dotted #ccc;
width: 100%;
margin: 0 auto 30px;
padding: 10px 0 20px;
}

.openinfo1{
width: 100%;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
color: #182987;
line-height: 1.7;
margin: 0 0 18px 0;
}


}
/*sp*/