@charset "UTF-8";
body, html {
    width: 100%;
    height: 100%
}
html {
    font-size: 62.5%;
    font-size: calc(10em / 16)
}
body {
    color: #333;
    line-height: 1.7
}
body{
/*font-family: font-tuka, "I-OTF-UDゴ表示Pro M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: "Noto Sans JP", sans-serif;
line-height: 1.6;
word-break: break-all;
}

@media screen and (min-width:788px) {
body {
    min-width: 1160px;
    font-size: 1.6rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
body {
    min-width: auto;
    font-size: 1.6rem
}
}

@media screen and (max-width:499px) {
body {
    min-width: auto;
    font-size: 1.6rem
}
}
dl, h2, h3, h5, p, ul {
    margin: 0;
    padding: 0
}
li, ul {
    list-style: none
}
dd, dl, dt {
    margin: 0
}
dd, dt, li, p {
    line-break: strict;
    word-break: break-strict
}
img {
    height: auto;
    border: 0;
    vertical-align: top
}
a {
    color: #426bba;
    outline: 0;
    text-decoration: none
}
html:not(.ipad):not(.iphone) a:hover {
    text-decoration: underline
}
a img {
    opacity: 1;
    transition: opacity .25s ease;
    backface-visibility: hidden;
    background-color: rgba(255,255,255,.01)
}
html:not(.ipad):not(.iphone) a img:hover {
    opacity: .8
}
:focus {
    outline: 0
}
input[type=text] {
    outline: 0;
    border-radius: 0
}
input {
/*    font-family: "I-OTF-UDゴ本文Pro R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important*/
}
[class^=el-heading] .heading-box .title-holder p {
    color: grey;
    font-size: 1.6rem;
    font-weight: 500;
/*    font-family: "I-OTF-UDゴ表示Pro M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    line-height: 1.3
}
[class^=el-heading] .heading-box .title-holder h2, [class^=el-heading] .heading-box .title-holder h3, [class^=el-heading] .heading-box .title-holder h5, [class^=el-heading] .heading-box .title-holder p {
/*    font-family: "I-OTF-UDゴ表示Pro M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif*/
}
[class^=el-heading].style-center {
    text-align: center
}
.el-pic-block .txt-box .txt-head>div>[class^=el-heading]:first-child {
    padding-top: 0
}
.el-pic-block .txt-box .txt-body>div>[class^=el-heading]:first-child {
    padding-top: 0
}
[class^=el-heading]+[class^=el-heading] {
    padding-top: 0
}
.el-color-box+[class^=el-heading] {
    padding-top: 0
}

@media screen and (min-width:788px) {
.el-heading-lv2 {
    max-width: 1040px;
    margin: 0 auto;
    padding: 5rem 0 3.5rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-heading-lv2 {
    padding: 4.5rem 0 3rem
}
}

@media screen and (max-width:499px) {
.el-heading-lv2 {
    padding: 4rem 0 2.5rem
}
}
.el-heading-lv2>div>div>div>div {
    position: relative;
    padding-bottom: 1.5rem
}
.el-heading-lv2>div>div>div>div:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: " ";
    width: 90%;
    height: .2rem;
    background: #e1e7f5
}
.el-heading-lv2>div>div>div>div:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: " ";
    width: 20%;
    height: .2rem;
    background: #426bba
}
.el-heading-lv2.style-center>div>div>div>div:before {
    left: auto;
    right: 50%;
    transform: translate(50%, 0)
}
.el-heading-lv2.style-center>div>div>div>div:after {
    left: auto;
    right: 50%;
    transform: translate(50%, 0)
}
.el-heading-lv2 .heading-box {
    width: 100%
}

@media screen and (min-width:788px) {
.el-heading-lv2 .heading-box {
    display: table
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-heading-lv2 .heading-box {
    display: table
}
}

@media screen and (max-width:499px) {
.el-heading-lv2 .heading-box {
    display: block
}
}
.el-heading-lv2 .heading-box .title-holder h2 {
    line-height: 1.4
}

@media screen and (min-width:788px) {
.el-heading-lv2 .heading-box .title-holder h2 {
    font-size: 2.8rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-heading-lv2 .heading-box .title-holder h2 {
    font-size: 2.7rem
}
}

@media screen and (max-width:499px) {
.el-heading-lv2 .heading-box .title-holder h2 {
    font-size: 2.2rem
}
}
.el-heading-lv3 {
    padding: 3rem 0 2rem
}

@media screen and (min-width:788px) {
.el-heading-lv3 {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-heading-lv3 .heading-box {
    position: relative
}
.el-heading-lv3 .heading-box .title-holder h3 {
    position: relative;
    display: inline-block;
    line-height: 1.4
}
.el-heading-lv3 .heading-box .title-holder h3:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: " ";
    width: .5rem;
    height: 100%;
    background: linear-gradient(#1dd4e5, #426bba)
}

@media screen and (min-width:788px) {
.el-heading-lv3 .heading-box .title-holder h3 {
    padding-left: 2.5rem;
    font-size: 2.2rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-heading-lv3 .heading-box .title-holder h3 {
    padding-left: 2rem;
    font-size: 2.1rem
}
}

@media screen and (max-width:499px) {
.el-heading-lv3 .heading-box .title-holder h3 {
    padding-left: 2rem;
    font-size: 2rem
}
}



.el-list-detail {
    padding: 0 0 1rem
}

@media screen and (min-width:788px) {
.el-list-detail {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-list-detail dl.list-detail>dt {
/*    font-family: "I-OTF-UDゴ本文Pro R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    line-height: 1.7
}
.el-list-detail dl.list-detail>dd [class^=el-] {
    padding-bottom: 1rem
}
.el-list-detail.style-note>div>div>div>div {
    display: table;
    width: 100%
}
.el-list-detail.style-note dl.list-detail {
    display: table-row
}
.el-list-detail.style-note dl.list-detail>dd, .el-list-detail.style-note dl.list-detail>dt {
    display: table-cell;
    vertical-align: top
}
.el-list-detail.style-note dl.list-detail>dt {
    width: 1%;
    padding-right: 1rem;
    color: grey;
    font-weight: 400;
/*    font-family: "I-OTF-UDゴ本文Pro R", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    white-space: nowrap
}
.el-list-detail.style-note dl.list-detail>dd {
    width: 99%;
    color: grey
}
.el-list-detail.style-center {
    text-align: center
}
.el-list-detail.style-center>div>div>div>div>dl.list-detail {
    display: table;
    margin: 0 auto;
}
.el-list-detail.style-center>div>div>div>div>dl.list-detail>dd, .el-list-detail.style-center>div>div>div>div>dl.list-detail>dt {
    display: table-cell
}
.el-list-detail.style-center>div>div>div>div>dl.list-detail>dt {
    width: auto;
    white-space: nowrap
}
.el-list-detail.style-center>div>div>div>div>dl.list-detail>dd {
    width: auto;
    text-align: left
}
@media screen and (min-width:788px) {
.el-tab-list {
    max-width: 1040px;
    padding: 2rem 0 4rem;
    margin: 0 auto
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-tab-list {
    padding: 1rem 0 3rem
}
}

@media screen and (max-width:499px) {
.el-tab-list {
    padding: 1rem 0 3rem
}
}

@media screen and (min-width:788px) {
.el-tab-list ul.tab-list {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #426bba
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-tab-list ul.tab-list {
    margin: -1rem 0 0 -1rem;
    letter-spacing: -.4em
}
}

@media screen and (max-width:499px) {
.el-tab-list ul.tab-list {
    margin: -1rem 0 0 -1rem;
    letter-spacing: -.4em
}
}
.el-tab-list ul.tab-list>li {
    text-align: center
}

@media screen and (min-width:788px) {
.el-tab-list ul.tab-list>li {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2px
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-tab-list ul.tab-list>li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 1rem 0 0 1rem;
    box-sizing: border-box;
    letter-spacing: normal
}
}

@media screen and (max-width:499px) {
.el-tab-list ul.tab-list>li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 1rem 0 0 1rem;
    box-sizing: border-box;
    letter-spacing: normal
}
}
.el-tab-list ul.tab-list>li p {
    line-height: 1.3
}

@media screen and (min-width:788px) {
.el-tab-list ul.tab-list>li p {
    position: relative;
    height: 100%;
    font-size: 2rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-tab-list ul.tab-list>li p {
    font-size: 1.8rem;
    border: 2px solid #426bba
}
}

@media screen and (max-width:499px) {
.el-tab-list ul.tab-list>li p {
    font-size: 1.8rem;
    border: 2px solid #426bba
}
}

@media screen and (min-width:788px) {
.el-tab-list ul.tab-list>li p:after {
    position: absolute;
    top: 50%;
    right: -.2rem;
    transform: translate(0, -50%);
    display: block;
    content: " ";
    width: 1px;
    height: 70%;
    background: #426bba
}
}
.el-tab-list ul.tab-list>li p a {
    display: table;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #333;
/*    font-family: "I-OTF-UDゴ表示Pro M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    text-decoration: none;
    transition: all .25s ease;
    text-decoration: none!important
}

@media screen and (min-width:788px) {
.el-tab-list ul.tab-list>li p a {
    padding: 2rem 1rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-tab-list ul.tab-list>li p a {
    padding: 1rem
}
}

@media screen and (max-width:499px) {
.el-tab-list ul.tab-list>li p a {
    padding: 1rem
}
}
.el-tab-list ul.tab-list>li p a span {
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width:788px) {
.el-tab-list ul.tab-list>li.current {
    border: 2px solid #426bba;
    border-bottom: 4px solid #fff
}
}

@media screen and (min-width:788px) {
.el-tab-list ul.tab-list>li.current p:after {
    display: none
}
}
.el-tab-list ul.tab-list>li.current p a {
    color: #426bba;
    transition: all .25s ease;
    font-weight: 700;
/*    font-family: "I-OTF-UDゴ表示Pro M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    cursor: default;
    pointer-events: none
}

@media screen and (min-width:788px) {
.el-tab-list ul.tab-list>li:last-child p:after {
    display: none
}
}
html:not(.ipad):not(.iphone) .el-tab-list ul.tab-list>li:hover p a {
    color: #426bba;
    transition: all .25s ease
}

@media screen and (min-width:788px) {
[class^=el-heading]+.el-tab-list-changer-blcok {
    margin-top: -2rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
[class^=el-heading]+.el-tab-list-changer-blcok {
    margin-top: -1.5rem
}
}

@media screen and (max-width:499px) {
[class^=el-heading]+.el-tab-list-changer-blcok {
    margin-top: -1.5rem
}
}
.el-btn {
    display: table;
    background: #fff;
    color: #426bba;
    line-height: 1.3;
    font-weight: 700;
/*    font-family: "I-OTF-UDゴ表示Pro M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    border: 2px solid #426bba;
    box-sizing: border-box;
    text-decoration: none;
    transition: all .25s ease;
    opacity: 1
}

@media screen and (min-width:788px) {
.el-btn {
    min-width: 24rem;
    height: 6rem;
    width: auto
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-btn {
    height: 6rem;
    width: 100%
}
}

@media screen and (max-width:499px) {
.el-btn {
    height: 6rem;
    width: 100%
}
}
.el-btn>span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    padding-left: .4rem;
    padding-right: .8rem
}
.el-btn>span>span {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 1.8rem;
    background: url(/common-otsuka-medical/all/img/img-template/icon/arrow-right.svg) 100% 50% no-repeat;
    background-size: .8rem 1.5rem
}
.el-btn>span>span>span {
    display: inline-block;
    vertical-align: top
}
.el-btn>span>span>span>span {
    display: inline-block;
    vertical-align: top;
    position: relative
}
.el-btn .txt {
    display: table;
    height: auto
}
.el-btn .txt>span {
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width:788px) {
.el-btn .txt {
    font-size: 1.8rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-btn .txt {
    font-size: 1.7rem
}
}

@media screen and (max-width:499px) {
.el-btn .txt {
    font-size: 1.6rem
}
}
html:not(.ipad):not(.iphone) .el-btn:hover {
    color: #fff;
    border: 2px solid #426bba;
    background: #426bba;
    transition: all .25s ease
}
html:not(.ipad):not(.iphone) .el-btn:hover>span>span {
    background: url(/common-otsuka-medical/all/img/img-template/icon/arrow-right-white.svg) 100% 50% no-repeat;
    background-size: .8rem 1.5rem
}
.el-btn.style-strong {
    color: #fff;
    border: 1px solid #426bba;
    background: #426bba;
    opacity: 1;
    transition: all .25s ease-in
}
.el-btn.style-strong>span>span {
    background: url(/common-otsuka-medical/all/img/img-template/icon/arrow-right-white.svg) 100% 50% no-repeat;
    background-size: .8rem 1.5rem
}
html:not(.ipad):not(.iphone) .el-btn.style-strong:hover {
    opacity: .7;
    color: #fff;
    border: 1px solid #426bba;
    background: #426bba;
    transition: all .25s ease-in
}
html:not(.ipad):not(.iphone) .el-btn.style-strong:hover>span>span {
    background: url(/common-otsuka-medical/all/img/img-template/icon/arrow-right-white.svg) 100% 50% no-repeat;
    background-size: .8rem 1.5rem
}

@media screen and (min-width:788px) {
.el-btn.style-size-large {
    min-width: 57rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-btn.style-size-large {
    width: 100%
}
}

@media screen and (max-width:499px) {
.el-btn.style-size-large {
    width: 100%
}
}
.el-btn-list {
    padding: 0 0 1rem
}

@media screen and (min-width:788px) {
.el-btn-list {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-btn-list ul.btn-list {
    line-height: 1.3
}
.el-btn-list ul.btn-list>li {
    padding-bottom: 2rem
}
.el-btn-list.style-center ul.btn-list {
    text-align: center
}
.el-btn-list.style-center ul.btn-list>li {
    text-align: center
}
.el-btn-list.style-center ul.btn-list>li .el-btn {
    margin: 0 auto
}
.el-pic {
    padding: 0 0 3rem
}

@media screen and (min-width:788px) {
.el-pic {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-pic .pic-item {
    display: inline-block;
    vertical-align: top
}
.el-pic .pic-item .pic-holder {
    position: relative
}

@media screen and (min-width:788px) {
.el-pic .pic-item .pic-holder img {
    max-width: 100%;
    height: auto
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic .pic-item .pic-holder img {
    max-width: 100%;
    height: auto
}
}

@media screen and (max-width:499px) {
.el-pic .pic-item .pic-holder img {
    max-width: 100%;
    height: auto
}
}

@media screen and (min-width:788px) {
.el-pic-block {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-pic-block>div>div>div>div>.pic-box {
    width: auto
}
.el-pic-block>div>div>div>div>.pic-box .el-pic {
    text-align: center
}
.el-pic-block>div>div>div>div>.pic-box .el-pic>div>div>div>div {
    margin: 0
}
.el-pic-block>div>div>div>div>.pic-box .el-pic .pic-item {
    display: block;
    padding: 0
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic-block>div>div>div>div>.pic-box .el-pic .pic-item .pic-holder img {
    width: 100%;
    height: auto
}
}

@media screen and (max-width:499px) {
.el-pic-block>div>div>div>div>.pic-box .el-pic .pic-item .pic-holder img {
    width: 100%;
    height: auto
}
}
.el-pic-block>div>div>div>div>.txt-box {
    width: auto
}
.el-pic-block>div>div>div>div>.txt-box>div>.txt-head>div>[class^=el-heading]:first-child {
    padding-top: 0
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic-block>div>div>div>div>.txt-box>div>.txt-head>div>[class^=el-heading]:first-child {
    padding-bottom: 1.5rem
}
}

@media screen and (max-width:499px) {
.el-pic-block>div>div>div>div>.txt-box>div>.txt-head>div>[class^=el-heading]:first-child {
    padding-bottom: 1.5rem
}
}
.el-pic-block>div>div>div>div>.txt-box>div>.txt-body>div>[class^=el-heading]:first-child {
    padding-top: 0
}
.el-pic-block.style-pic-top>div>div>div>div>.pic-box {
    display: block
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic-block.style-pic-top>div>div>div>div>.pic-box {
    width: 100%
}
}

@media screen and (max-width:499px) {
.el-pic-block.style-pic-top>div>div>div>div>.pic-box {
    width: 100%
}
}
.el-pic-block.style-pic-top>div>div>div>div>.txt-box {
    display: block
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic-block.style-pic-top>div>div>div>div>.txt-box {
    width: 100%
}
}

@media screen and (max-width:499px) {
.el-pic-block.style-pic-top>div>div>div>div>.txt-box {
    width: 100%
}
}
.el-pic-block.style-pic-top>div>div>div>div>.pic-box+.txt-box {
    padding-left: 0;
    margin-top: -1.5rem
}


/* @group 共通  --------------------------------- */

/* @group リードテキスト  --------------------------------- */
.el-paragraph {
    padding: 0 0 2rem
}

@media screen and (min-width:788px) {
.el-paragraph {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-paragraph p {
/*    font-family: "I-OTF-UDゴ本文Pro R", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*	font-family: "I-OTF-UDゴ表示Pro M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;*/
}

.el-paragraph h4 {
/*    font-family: "I-OTF-UDゴ本文Pro R", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", HiraKakuPro-W6, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif*/
}
/* @group リードテキスト end  --------------------------------- */

/* @group pcの改行   --------------------------------- */
br.pc{
	display: none;
}
/* @group pcの改行 end  --------------------------------- */

/* @group 共通 end  --------------------------------- */


/* @group 概要セクション  --------------------------------- */
.el-heading-catch {
    padding: 1rem 0 1.5rem
}

@media screen and (min-width:788px) {
.el-heading-catch {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-heading-catch p {
    color: #426bba;
    font-weight: 700;
/*    font-family: "I-OTF-UDゴ表示Pro M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Roboto, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    line-height: 1.3
}

@media screen and (min-width:788px) {
.el-heading-catch p {
    font-size: 1.8rem;
    line-height: 1.8
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-heading-catch p {
    font-size: 1.9rem
}
}

@media screen and (max-width:499px) {
.el-heading-catch p {
    font-size: 1.8rem
}
}
@media screen and (min-width:788px) {
.el-pic-block.style-pic-left>div>div>div>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic-block.style-pic-left>div>div>div>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
}

@media screen and (max-width:499px) {
.el-pic-block.style-pic-left>div>div>div>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
}
.el-pic-block.style-pic-left>div>div>div>div>.pic-box {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width:788px) {
.el-pic-block.style-pic-left>div>div>div>div>.pic-box {
    -ms-flex-order: 0;
    order: 0;
    max-width: 50%
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic-block.style-pic-left>div>div>div>div>.pic-box {
    width: 100%
}
}

@media screen and (max-width:499px) {
.el-pic-block.style-pic-left>div>div>div>div>.pic-box {
    width: 100%
}
}

@media screen and (min-width:788px) {
.el-pic-block.style-pic-left>div>div>div>div>.pic-box .el-pic .pic-item .pic-holder img {
    max-width: 100%;
    height: auto
}
}
.el-pic-block.style-pic-left>div>div>div>div>.txt-box {
    width: 100%
}

@media screen and (min-width:788px) {
.el-pic-block.style-pic-left>div>div>div>div>.txt-box {
    -ms-flex-order: 1;
    order: 1;
    box-sizing: border-box
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic-block.style-pic-left>div>div>div>div>.txt-box {
    padding-top: 2.5rem
}
}

@media screen and (max-width:499px) {
.el-pic-block.style-pic-left>div>div>div>div>.txt-box {
    padding-top: 2.5rem
}
}

@media screen and (min-width:788px) {
.el-pic-block.style-pic-left>div>div>div>div>.txt-box [class^=el] {
    max-width: none
}
}

@media screen and (min-width:788px) {
.el-pic-block.style-pic-left>div>div>div>div>.pic-box+.txt-box {
    padding-left: 3rem;
    margin: auto;
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-pic-block.style-pic-left>div>div>div>div>.pic-box+.txt-box {
    margin-top: -1.5rem;
    padding-top: 0
}
}

@media screen and (max-width:499px) {
.el-pic-block.style-pic-left>div>div>div>div>.pic-box+.txt-box {
    margin-top: -1.5rem;
    padding-top: 0
}
}

/* @group 概要セクション end --------------------------------- */


/* @group 専門/認定薬剤師セクション  --------------------------------- */
.el-divide-block.style-professional>div>div>div>div::after {
    content: "";
    display: block;
    clear: both
}

@media screen and (min-width:788px) {
.el-divide-block.style-professional>div>div>div>div {
    max-width: 1040px;
}
}
.el-divide-block.style-professional>div>div>div>div>.divide-box {
    box-sizing: border-box
}

@media screen and (min-width:788px) {
.el-divide-block.style-professional>div>div>div>div>.divide-box-left {
    float: left;
    width: 63%
}
.el-divide-block.style-professional>div>div>div>div>.divide-box-right {
    float: left;
    width: 37%
}



.el-divide-block.style-professional>div>div>div>div>.divide-box-left>div>.el-pic-block.style-pic-top>div>div>div>div>.pic-box {
    float: left;
    width: calc(100% / 1)
}

.el-divide-block.style-professional>div>div>div>div>.divide-box-left>div>.el-pic-block.style-pic-top>div>div>div>div>.pic-box>div>.el-pic {
    width: auto;
    padding-right: 2rem;
}


.el-divide-block.style-professional>div>div>div>div>.divide-box-right>div>.el-pic-block.style-pic-top>div>div>div>div>.pic-box {
    float: left;
    width: auto;
    padding-left: 2rem;
}






.el-divide-block.style-professional>div>div>div>div>.divide-box:nth-child(1), .el-divide-block.style-professional>div>div>div>div>.divide-box:nth-child(2), .el-divide-block.style-professional>div>div>div>div>.divide-box:nth-child(3) {
    padding-top: 0
}
.el-divide-block.style-professional>div>div>div>div>.divide-box:nth-child(3n+4) {
    clear: left
}
}




@media screen and (min-width:500px) and (max-width:787px) {
.el-divide-block.style-professional>div>div>div>div>.divide-box {
    padding-top: 2rem
}
.el-divide-block.style-professional>div>div>div>div>.divide-box:nth-child(1) {
    padding-top: 0
}
}

@media screen and (max-width:499px) {
.el-divide-block.style-professional>div>div>div>div>.divide-box {
    padding-top: 2rem
}
.el-divide-block.style-professional>div>div>div>div>.divide-box:nth-child(1) {
    padding-top: 0
}
}

/* @group 専門/認定薬剤師セクション end --------------------------------- */


/* @group スキルアップ講座セクション  --------------------------------- */
.el-heading-lv5 {
    padding: 2rem 0 1.5rem
}

@media screen and (min-width:788px) {
.el-heading-lv5 {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-heading-lv5 .heading-box .title-holder h5 {
    line-height: 1.4
}

@media screen and (min-width:788px) {
.el-heading-lv5 .heading-box .title-holder h5 {
    font-size: 1.8rem;
    height: 75px
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-heading-lv5 .heading-box .title-holder h5 {
    font-size: 1.7rem
}
}

@media screen and (max-width:499px) {
.el-heading-lv5 .heading-box .title-holder h5 {
    font-size: 1.6rem
}
}

.el-divide-block.style-column4>div>div>div>div::after {
    content: "";
    display: block;
    clear: both
}

@media screen and (min-width:788px) {
.el-divide-block.style-column4>div>div>div>div {
    margin-left: -2rem
}
}
.el-divide-block.style-column4>div>div>div>div>.divide-box {
    box-sizing: border-box
}

@media screen and (min-width:788px) {
.el-divide-block.style-column4>div>div>div>div>.divide-box {
    float: left;
    padding-top: 2rem;
    padding-left: 2rem;
    width: 25%
}
.el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(1), .el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(2), .el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(3), .el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(4) {
    padding-top: 0
}
.el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(4n+5) {
    clear: left
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-divide-block.style-column4>div>div>div>div>.divide-box {
    padding-top: 2rem
}
.el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(1) {
    padding-top: 0
}
}

@media screen and (max-width:499px) {
.el-divide-block.style-column4>div>div>div>div>.divide-box {
    padding-top: 2rem
}
.el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(1) {
    padding-top: 0
}
}


/*210622追加 --------------------------------- */
.el-heading-lv4 {
    padding: 2rem 0 1.5rem
}

@media screen and (min-width:788px) {
.el-heading-lv4 {
    max-width: 1040px;
    margin: 0 auto
}
}
.el-heading-lv4 .heading-box .title-holder h5 {
    line-height: 1.4
}

@media screen and (min-width:788px) {
.el-heading-lv4 .heading-box .title-holder h5 {
    font-size: 1.8rem;
    height: 20px
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-heading-lv4 .heading-box .title-holder h5 {
    font-size: 1.7rem
}
}

@media screen and (max-width:499px) {
.el-heading-lv4 .heading-box .title-holder h5 {
    font-size: 1.6rem
}
}

.el-divide-block.style-column3>div>div>div>div::after {
    content: "";
    display: block;
    clear: both
}

@media screen and (min-width:788px) {
.el-divide-block.style-column3>div>div>div>div {
    margin-left: -2rem
}
}
.el-divide-block.style-column4>div>div>div>div>.divide-box {
    box-sizing: border-box
}

@media screen and (min-width:788px) {
.el-divide-block.style-column3>div>div>div>div>.divide-box {
    float: left;
    padding-left: 2rem;
    width: 31%
}
.el-divide-block.style-column3>div>div>div>div>.divide-box:nth-child(1), .el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(2), .el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(3), .el-divide-block.style-column4>div>div>div>div>.divide-box:nth-child(4) {
    padding-top: 0
}
.el-divide-block.style-column3>div>div>div>div>.divide-box:nth-child(4n+5) {
    clear: left
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-divide-block.style-column3>div>div>div>div>.divide-box {
    padding-top: 2rem
}
.el-divide-block.style-column3>div>div>div>div>.divide-box:nth-child(1) {
    padding-top: 0
}
}

@media screen and (max-width:499px) {
.el-divide-block.style-column3>div>div>div>div>.divide-box {
    padding-top: 2rem
}
.el-divide-block.style-column3>div>div>div>div>.divide-box:nth-child(1) {
    padding-top: 0
}
}

/* @group スキルアップ講座セクション end --------------------------------- */


/* @group 介護在宅医療レポートセクション  --------------------------------- */
.el-divide-block.style-kaigo>div>div>div>div::after {
    content: "";
    display: block;
    clear: both
}

@media screen and (min-width:788px) {
.el-divide-block.style-kaigo>div>div>div>div {
    max-width: 1040px;
}
}
.el-divide-block.style-kaigo>div>div>div>div>.divide-box {
    box-sizing: border-box
}

@media screen and (min-width:788px) {
.el-divide-block.style-kaigo>div>div>div>div>.divide-box {
    float: left;
    /*width: 50%*/
}


.el-divide-block.style-kaigo>div>div>div>div>.divide-box>div>.el-pic-block.style-pic-top>div>div>div>div>.pic-box {
    float: left;
    width: calc(100% / 2)
}

.el-divide-block.style-kaigo>div>div>div>div>.divide-box02>div>.el-pic-block.style-pic-top>div>div>div>div>.pic-box02 {
    float: left;
    padding-left: 2rem;
    width: 50%
}

.el-divide-block.style-kaigo>div>div>div>div>.divide-box>div>.el-pic-block.style-pic-top>div>div>div>div>.pic-box>div>.el-pic {
    width: auto;
    padding-right: 2rem;
}

.el-divide-block.style-kaigo>div>div>div>div>.divide-box>div>.el-pic-block.style-pic-top>div>div>div>div>.pic-box>div>.el-pic>div>.pic-item {
    width: auto;
    padding-right: 2rem;
}




.el-divide-block.style-kaigo>div>div>div>div>.divide-box:nth-child(1), .el-divide-block.style-kaigo>div>div>div>div>.divide-box:nth-child(2), .el-divide-block.style-kaigo>div>div>div>div>.divide-box:nth-child(3) {
    padding-top: 0
}
.el-divide-block.style-kaigo>div>div>div>div>.divide-box:nth-child(3n+4) {
    clear: left
}
}




@media screen and (min-width:500px) and (max-width:787px) {
.el-divide-block.style-kaigo>div>div>div>div>.divide-box {
    padding-top: 2rem
}
.el-divide-block.style-kaigo>div>div>div>div>.divide-box:nth-child(1) {
    padding-top: 0
}
}

@media screen and (max-width:499px) {
.el-divide-block.style-kaigo>div>div>div>div>.divide-box {
    padding-top: 2rem
}
.el-divide-block.style-kaigo>div>div>div>div>.divide-box:nth-child(1) {
    padding-top: 0
}
}




/* @group 介護在宅医療レポートセクション end --------------------------------- */


/* @group 調剤リスクマネジメント  --------------------------------- */
@media screen and (min-width:788px) {
.el-pic.style-center {
    text-align: center
}
.el-pic.style-center>div>div>div>div>.pic-item {
    width: 50%
}
}

/* @group 調剤リスクマネジメント end --------------------------------- */



@media screen and (min-width:788px) {
.el-divide-block {
    max-width: 1040px;
    margin: 0 auto
}
}

@media screen and (min-width:788px) {
.el-divide-block .divide-box [class^=el-] {
    max-width: none
}
}


/* @group CV  --------------------------------- */
@media screen and (min-width:788px) {
.el-color-box {
    padding: 3rem 0 5rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-color-box {
    padding: 2.5rem 0 4rem
}
}

@media screen and (max-width:499px) {
.el-color-box {
    padding: 2rem 0 3rem
}
}

@media screen and (min-width:788px) {
.el-color-box>div {
    max-width: 1040px;
    margin: 0 auto
}
}

@media screen and (min-width:788px) {
.el-color-box>div>div>div>div {
    padding: 6rem 2.5rem 3rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-color-box>div>div>div>div {
    padding: 5rem 2.5rem 2rem
}
}

@media screen and (max-width:499px) {
.el-color-box>div>div>div>div {
    padding: 4rem 2.5rem 1rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-color-box.style-full-wide {
    margin-left: -2rem;
    margin-right: -2rem
}
}

@media screen and (max-width:499px) {
.el-color-box.style-full-wide {
    margin-left: -2rem;
    margin-right: -2rem
}
}

@media screen and (min-width:788px) {
.el-color-box.style-full-wide>div {
    max-width: none
}
}

@media screen and (min-width:788px) {
.el-color-box.style-full-wide>div>div {
    max-width: 1040px;
    margin: 0 auto
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-color-box.style-full-wide>div>div {
    padding: 0 2rem
}
}

@media screen and (max-width:499px) {
.el-color-box.style-full-wide>div>div {
    padding: 0 2rem
}
}
.el-color-box.style-full-wide>div>div>div>div {
    padding-right: 0;
    padding-left: 0
}
.el-color-box.style-color1>div {
    background-color: #d3eefc
}
.section-content>div>div>div>div>.el-color-box:last-child {
    padding-bottom: 0
}
/* @group cv end --------------------------------- */

/* @group CV  --------------------------------- */
@media screen and (min-width:788px) {
.el-color-box02 {
    padding: 3rem 0 5rem;
    display: none
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-color-box02 {
    padding: 0 0 4rem
}
}

@media screen and (max-width:499px) {
.el-color-box02 {
    padding: 0 0 3rem
}
}

@media screen and (min-width:788px) {
.el-color-box02>div {
    max-width: 1040px;
    margin: 0 auto
}
}

@media screen and (min-width:788px) {
.el-color-box02>div>div>div>div {
    padding: 6rem 2.5rem 3rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-color-box02>div>div>div>div {
    padding: 5rem 2.5rem 2rem
}
}

@media screen and (max-width:499px) {
.el-color-box02>div>div>div>div {
    padding: 4rem 2.5rem 1rem
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-color-box02.style-full-wide {
    margin-left: -2rem;
    margin-right: -2rem
}
}

@media screen and (max-width:499px) {
.el-color-box02.style-full-wide {
    margin-left: -2rem;
    margin-right: -2rem
}
}

@media screen and (min-width:788px) {
.el-color-box02.style-full-wide>div {
    max-width: none
}
}

@media screen and (min-width:788px) {
.el-color-box02.style-full-wide>div>div {
    max-width: 1040px;
    margin: 0 auto
}
}

@media screen and (min-width:500px) and (max-width:787px) {
.el-color-box02.style-full-wide>div>div {
    padding: 0 2rem
}
}

@media screen and (max-width:499px) {
.el-color-box02.style-full-wide>div>div {
    padding: 0 2rem
}
}
.el-color-box02.style-full-wide>div>div>div>div {
    padding-right: 0;
    padding-left: 0
}
.el-color-box02.style-color1>div {
    background-color: #d3eefc
}
.section-content>div>div>div>div>.el-color-box02:last-child {
    padding-bottom: 0
}
/* @group cv end --------------------------------- */
@media screen and (max-width:499px) {
section.section-content>div>div {
    padding: 0px 20px 0;
}
body.style-no-responsive section.section-content>div>div {
    padding: 60px 0 30px
}
}

@media screen and (min-width:500px) and (max-width:787px) {
section.section-content>div>div {
    padding: 0 20px 0
}
body.style-no-responsive section.section-content>div>div {
    padding: 60px 0 30px
}
}

.el-pic-block>div>div>div>div>.pic-box .el-pic .pic-item .list-title {
    background-color: #446ABB;
    width: 325px;
    margin: 0 auto 10px;
    text-align: left;
}
.el-pic-block>div>div>div>div>.pic-box .el-pic .pic-item .list-title p {
    color:#ffffff;
    line-height: 1.6;
    padding: 6px 16px;
}
.el-heading-lv4 .heading-box .title-holder h5.title-h5 {
    font-size: 1.6rem;
    color:#1a1a1a;
    height: auto;
    padding: 0.2em 0.5em;
    background: transparent;
    border-left: solid 5px #426BBA;
}
.pc {
    display: inline;
}
.pcbr {
    display: block;
}
.sp {
    display: none;
}
@media screen and (min-width: 788px){
.el-heading-lv4 .heading-box .title-holder h5 {
    font-size: 1.6rem;
    height: auto;
}
}
@media screen and (max-width: 499px){
    .pc,.pcbr {
        display: none;
    }
    .sp {
        display: block;
    }
    .el-pic-block>div>div>div>div>.pic-box .el-pic .pic-item .list-title {
        width: 100%;
    }
}