@charset "utf-8";
/*
 全体 ----------------------------------------------------------------------
*/
.brpc {display: block;}
.brsp {display: none;}
.brpci {display: inline-block;}
.brspi {display: none;}
.lead {max-width: 980px;width:100%;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;text-align:left;font-size:1.0rem;
padding-bottom:12px;}
#content {
width: 980px;
margin: 40px auto 0 auto;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
ul li {list-style: none;}
 @media screen and (max-width: 767px) {
.brpc {display: none;}
.brsp {display: block;}
.brpci {display: none;}
.brspi {display:inline-block;}
#content {
width: 100%;
margin: 0 auto;
padding: 190px 10px 40px 10px;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
}
/*
 head ----------------------------------------------------------------------
*/
#head_wp {width: 100%;border-top: solid 14px #e1242a;}
#head_index {
width: 980px;
height: 40px;
margin: 0 auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#head {
width: 980px;
height: 110px;
margin: 0 auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#logo {width: 233px;margin: 15px 0 0 0;}
#head_left {
width: 290px;
margin: 15px 0 5px;
padding: 0;
text-align: left;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#head_right {
margin: 40px 0 0 0;
padding: 0;
float: right;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#head_right #txt {
clear: both;
text-align: right;
overflow: hidden;
}
#head_right #txt p {
float: right;
margin: 0 0 0 35px;
padding: 0 0 0 12px;
background-image: url(../images/icon-arrow03.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 6px auto;
font-size: 12px !important;
line-height: 20px !important;
}
#head_right #txt p a {
color: #222;
text-decoration: none;
}
#head_right #txt p a:hover {
color: #e1242a;
text-decoration: none;
}
#head_font {
width: 120px;
margin: 13px 0 0 0;
padding: 0;
float: right;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#head_font p {
font-size: 12px;
}
.head_font_btn01 {
float: left;
display: block;
width: 60px;
height: 30px;
margin: 5px 0 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.head_font_btn02 {
float: left;
display: block;
width: 60px;
height: 30px;
margin: 5px 0 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
 @media screen and (max-width: 767px) {
#head_wp {
z-index: 99;
position: fixed;
width: 100%;
border-top: solid 7px #e1242a;
border-bottom: none;
}
#head_index {
width: 100%;
height: 28px;
margin: 0 auto;
padding: 0 10px;
background: #FFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#head {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0 10px;
background: #FFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#logo {
width: 163px;
margin: 0 0 0 0;
}
#head_left {
width: 144px;
margin: 4px 0 0 0;
text-align: left;
float: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#head_right {
display: none;
}
#head_font {
display: none;
}
}
/*
 slick ----------------------------------------------------------------------
*/
.inner {
max-width: 980px;
width:100%;
margin: 0 auto;
}
.slider {
max-width: 980px;
width:100%;
margin: 10px auto 30px;
padding-left: 0;
position: relative;
}
.slick-arrow {
position: absolute;
top: 42%;
z-index: 10;
width: 40px;
height: 40px;
}
.prev-arrow {
/*left: 10%;
background: url(../images/slider-arrow-prev.png) no-repeat center / cover;*/
}
.next-arrow {
/*right: 10%;
background: url(../images/slider-arrow-next.png) no-repeat center / cover;*/
}
.slider-item {margin: 0 0px;}

.slider-img > img {width: 100%;}

@media screen and (max-width: 767px) {
.slider {
margin-top: 100px;
margin-bottom: 0;
}
.slick-arrow {
top: 40%;
width: 30px;
height: 30px;
}
.prev-arrow {left: 6%;}
.next-arrow {right: 6%;}
.slider-item {margin: 0 10px;}
.slick-dots {margin-top: 20px;}

}
/*
 foot ----------------------------------------------------------------------
*/
#foot01_wp {
width: 100%;
margin: 60px auto 0 auto;
border-top: solid 5px #ffd900;
background: #00a2d9;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#foot01 {
width: 980px;
margin: 0 auto;
padding: 30px 0 30px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.foot01_txt a {
display: block;
margin: 0;
padding: 0 0 0 20px;
background-image: url(../images/icon-arrow05.png);
background-repeat: no-repeat;
background-position: left 5px;
background-size: 8px auto;
font-size: 124% !important;
line-height: 24px !important;
color: #FFF;
text-decoration: none;
}
.foot01_txt a:hover {
text-decoration: underline;
}
#foot02_wp {
width: 100%;
margin: 0 auto;
border-left: solid 17px #e1242a;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
font-family: Noto Sans CJK JP, Open Sans, sans-serif;
color: #000;
}
#foot02 {
width: 1000px;
margin: 0 auto;
padding: 35px 0 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#foot02 p {
font-size: 15px !important;
line-height: 20px !important;
}
#foot02 p a {
color: #000;
text-decoration: none;
}
#foot02 p a:hover {
color: #e10;
}
.foot_navi_box {
float: left;
width: 25%;
padding: 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#foot02 #foot_copy {
width: 100%;
padding: 57px 0 0 0;
font-size: 17px !important;
line-height: 18px !important;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#foot_sp {display: none;}
 @media screen and (max-width: 767px) {
#foot01_wp {display: none;}
#foot02_wp {
width: 100%;
margin: 0 auto;
border-left: solid 8px #e1242a;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#foot02 {
width: 100%;
margin: 0 auto;
padding: 13px 10px 13px 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#foot02 p {
font-size: 12px !important;
line-height: 20px !important;
}
#foot02 #foot_copy {
width: 100%;
padding: 15px 0 0 0;
font-size: 12px !important;
line-height: 18px !important;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#foot02 #foot_copy .brsp {
display: none;
}
#foot_sp {
display: block;
width: 100%;
}
.foot_sp_btn01 a {
display: block;
float: left;
width: 50%;
margin: -1px 0 0 0;
padding: 10px 0;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
background: #fff;
font-size: 93% !important;
line-height: 22px !important;
text-align: center;
color: #222;
text-decoration: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.foot_sp_btn02 a {
display: block;
float: left;
width: 50%;
margin: -1px 0 0 0;
padding: 10px 0;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-bottom: solid 1px #ccc;
background: #fff;
font-size: 93% !important;
line-height: 22px !important;
text-align: center;
color: #222;
text-decoration: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
}
#main {
margin: 0 auto 20px auto;
padding: 0 0 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.gnavi ul li.home {
display: none;
}
.gnavi ul li a {
display: block;
border-right: 1px solid #ab1a78;
color: #202020;
text-decoration: none;
width: 162px;
line-height: 15px;
padding: 5px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gnavi ul li.home a {
padding: 0 42%;
}
.gnavi ul li:first-child a {
border-left: 1px solid #ab1a78;
}
#wrapper {
overflow: hidden;
}
@media screen and (min-width: 768px) {
#wrapper {
margin: 0 auto;
min-width: 980px;
}
#foot02_wp,#head_wp {
min-width: 980px;
}
#head {
width: 100%;
height: auto;
}
#logo {
margin-top: 0;
}
#head_left {
margin-bottom: 0;
}
#head .head-wrap {
width: 980px;
height: 125px;
margin: 0 auto;
padding-top: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#main {
width: 980px;
margin-bottom: 55px;
}
.visual {
padding-top: 50px;
}
@keyframes menuSlideDown {
0% {
opacity: 0;
transform: translateY(-100%)
}

to {
opacity: 1;
transform: translateY(0)
}
}
.gnavi {
clear: both;
display: block !important;
border-top: solid 1px #c9c9c9;
background-color: #fff;
width: 100%;
}
.gnavi.fixed {
position: fixed;
z-index: 999;
top: 0;
left: 0;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
animation: menuSlideDown .5s both;
}
.gnavi .inner {
width: 980px;
margin: 0 auto;
}
.gnavi ul {
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0;
}
.gnavi ul li {
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
width: 15.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0;
}
.gnavi ul li.home {
display: block;
width: 7%;
}
.gnavi ul li.home a {
padding: 0 35%;
}
.gnavi ul li a {
height: 50px;
padding: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center!important;
-webkit-box-pack: center!important;
justify-content: center!important;
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
width: 100%;
line-height: 1.2;
border: none !important;
position: relative;
font-size: 13px;
}
.gnavi ul li a:before {
content: "";
position: absolute;
background-color: #dda3c9;
width: 1px;
height: 100%;
left: 0;
top: 0;
}
.gnavi ul li:last-child a:after {
content: "";
position: absolute;
background-color: #dda3c9;
width: 1px;
height: 100%;
right: 0;
top: 0;
}
.gnavi .btn-menu {
display: none;
}
.gnavi ul li.act,.gnavi ul li:hover {
background-color: #ab1a78;
}
.gnavi ul li:hover {
background-color: rgba(171, 26, 120, 0.8);
}
.gnavi ul li.act + li a:before,.gnavi ul li:hover + li a:before,.gnavi ul li.act a:before,.gnavi ul li:hover a:before,.gnavi ul li:last-child.act a:after,.gnavi ul li:last-child:hover a:after {
background-color: transparent;
}
.gnavi ul li.act a,.gnavi ul li:hover a {
color: #fff;
}
#head .hambuger {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.lead {
 font-size: 0.85rem;
 padding-top:5px;
}
#main {
margin: 0 auto 25px;
/*padding: 20px 0 0 0;*/
 padding: 20px 0 0 0;
}
#main:not(.main-top) {
margin: 70px auto 25px;
}
.gnavi {
display: none;
position: absolute;
width: 100%;
z-index: 100;
left: 0;
top: 79px;
background-color: #fff;
-webkit-transition: 1.5s top;
-o-transition: 1.5s top;
transition: 1.5s top;
}
#head_left,#logo {
z-index: 200!important;
}
#head {
position: relative;
padding-bottom: 6px;
}
#head .hambuger {
position: absolute;
right: 10px;
top: 21px;
height: 35px;
width: 90px;
}
#head .btn-menu {
display: block;
cursor: pointer;
z-index: 100;
text-align: right;
position: relative;
height: 35px;
width: 90px;
}
#head .btn-menu img {
position: absolute;
right: 0;
top: 0;
width: 90px;
height: 35px;
}
#head .btn-menu span {
display: block;
color: #fff;
background: #c45fa0;
width: 90px;
border-radius: 4px;
}
#head .btn-menu .close {
display: none;
}
#head .btn-menu.open span {
display: none;
}
#head .btn-menu.open .close {
display: block;
}
.gnavi ul li a {
background: url(../images/icon-arrow04.png) no-repeat right 15px center;
background-size: 8px 13px;
border: none;
color: #ab1a78;
border-bottom: 1px solid #f0f0f0;
width: 100%;
text-align: left;
display: block;
padding: 14px 0 14px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gnavi ul li:nth-child(2) a {
border-top: 1px solid #f0f0f0;
border-left: none;
}
}
/*
 レイアウト ----------------------------------------------------------------------
*/

.clearfix {zoom: 1;}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.breadscrumb {
background-color: #eeeeee;
margin-bottom: 33px;
}
.breadscrumb .inner {
width: 980px;
margin: 0 auto;
text-align: left;
}
.breadscrumb ul {padding: 0 20px;}
.breadscrumb ul li {
float: left;
position: relative;
padding: 7px 15px 9px 0;
font-size: 12px;
margin-right: 5px;
}
.breadscrumb ul li:last-child {
margin-right: 0;
padding-right: 0;
}
.breadscrumb ul li:after {
content: "＞";
position: absolute;
right: 0;
top: 8px;
font-size: 11px;
}
.breadscrumb ul li:last-child:after {display: none;}
.breadscrumb ul li a {
text-decoration: none;
color: #222;
line-height: 1;
}
.breadscrumb ul li a:hover {text-decoration: underline;}
/*----------- top page -----------*/
@media screen and (max-width: 767px) {
.visual {text-align: center;}
.visual img {width: 100%;}
#main {padding-left: 10px;padding-right: 10px;}
#main.main-top {padding-left: 0;padding-right: 0;}
}

#main > h2 {
-moz-text-align-last: left;
text-align-last: left;
color: #c45fa0;
position: relative;
font-size: 185%;
padding-bottom: 10px;
}
#main > h2::after {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #c45fa0;
}
.item-list {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 20px;
margin-left: -5px;
margin-right: -5px;
}
.item-list li {
width: 50%;
padding: 0 5px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.item-list li a {
display: block;
border: 1px solid #c45fa0;
text-decoration: none;
border-radius: 10px;
overflow: hidden;
}
.item-list li h3 {
background-color: #c45fa0;
text-align: center;
font-weight: bold;
color: #fff;
font-size: 12px;
height: 45px;
padding: 0;
line-height: 1.2;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
-ms-flex-pack: center!important;
-webkit-box-pack: center!important;
justify-content: center!important;
}
.item-list li h3 {
width: 100%;
}
.support {
display: block;
margin-top: 20px;

}
.support a:hover,
.top-support a:hover {
opacity: 0.7;
}
.support-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 1em 0 0;
flex-wrap: wrap;
justify-content: flex-start;
width:100%;
}
.support-right {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}
.support-item {
width:calc(100% / 4);
margin-bottom:2em;
}

.support-item a {
text-decoration: none;
color: #000;
display: block;
}
.support-item img {
width: 100%;
max-width:200px;
background: #fff;
border:1px solid #cccccc;
}
.support-item p {
text-align: center;
margin-top: 16px;
font-size: 123%;
}
.support-bnr {
width: 460px;
height: 99px;
border: solid 1px #c45fa0;
position: relative;
border-radius: 10px;
overflow: hidden;
margin:0 auto;
}
.support-bnr:nth-of-type(n + 2) {
margin-top: 0px;
}
.support-bnr::after {
position: absolute;
top: 50%;
right: 35px;
-webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
display: inline-block;
width: 10px;
height: 20px;
background: url("../images/index/support-bnr-arrow.svg") no-repeat center / cover;
}
.support-bnr a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
 -ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #c45fa0;
width: 100%;
height: 100%;
}
.support-bnr img {
width: 180px;
height: 100%;
-o-object-fit: none;
object-fit: none;
-o-object-position: center bottom;
object-position: center bottom;
}
.support-bnr p {
font-size: 162%;
font-weight: bold;
padding-right: 60px;
padding-left:0em;
}
.top-support-top {
display: flex;
flex-wrap: wrap;
margin-left: -13px;
margin-right: -13px;
padding-top: 30px;
}
.top-support-item {
border: 1px solid #ccc;
width: calc((100% - 78px) / 3);
margin: 0 13px 26px;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
}
.top-support-item a {
text-decoration: none;
color: #000;
display: block;
height: 100%;
}
.top-support-item .thumbnail {
width: 100%;
height: 220px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.top-support-item:nth-of-type(1) .thumbnail.uc {background-image: url(/images/pdf_img_uc_01.png);}
.top-support-item:nth-of-type(2) .thumbnail.uc {background-image: url(/images/pdf_img_uc_02.png);}
.top-support-item:nth-of-type(7) .thumbnail.uc {background-image: url(/images/pdf_img_common_03.png);}
.top-support-item:nth-of-type(3) .thumbnail.uc {background-image: url(/images/pdf_img_common_04.png);}
.top-support-item:nth-of-type(4) .thumbnail.uc {background-image: url(/images/pdf_img_common-passport.jpg);}
.top-support-item:nth-of-type(5) .thumbnail.uc {background-image: url(/images/pdf_img_common_01.png);}
.top-support-item:nth-of-type(6) .thumbnail.uc {background-image: url(/images/pdf_img_common-self-injection-guide.png);}
.top-support-item:nth-of-type(1) .thumbnail.cd {background-image: url(/images/cd/support/pdf_img_cd_01.png);}
.top-support-item:nth-of-type(2) .thumbnail.cd {background-image: url(/images/cd/support/pdf_img_cd_02.png);}
.top-support-item:nth-of-type(6) .thumbnail.cd {background-image: url(/images/pdf_img_common_01.png);}

.top-support-item-inner {padding: 20px;}
.top-support-item-inner .title {
font-size: 152%;
font-weight: bold;
margin-bottom: 10px;
}
.top-support-item-inner .text {font-size: 132%;}
.top-support-bottom {
display: flex;
flex-wrap: wrap;
/*margin-left: -13px;
margin-right: -13px;
margin-bottom: 40px;*/
width: calc(100% - ((100%) / 3));
align-content: start;
}
.top-support-bnr {
width: 100%;
height: 99px;
border: solid 1px #c45fa0;
position: relative;
margin: 0 13px;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
}
.top-support-bnr::after {
position: absolute;
top: 50%;
right: 35px;
-webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
display: inline-block;
width: 10px;
height: 20px;
background: url("../images/index/support-bnr-arrow.svg") no-repeat center / cover;
}
.top-support-bnr:nth-of-type(n + 2) {margin-top: 20px;}
.top-support-bnr a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
 -ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #c45fa0;
width: 100%;
height: 100%;
}
.top-support-bnr img {
width: 180px;
height: 100%;
-o-object-fit: none;
object-fit: none;
-o-object-position: center bottom;
object-position: center bottom;
}
.top-support-bnr p {
font-size: 185%;
font-weight: bold;
padding-right: 60px;
}
.bnr-box {
display: flex;
flex-wrap: wrap;
margin-left: -13px;
margin-right: -13px;
margin-bottom: 14px;
align-items: baseline;
}
.bnr-box-item {
width: calc((100% - 52px) / 2);
margin: 0 13px 26px;
box-sizing: border-box;
}
.bnr-box-item a:hover {opacity: 0.7;}
@media screen and (max-width: 767px) {
#main > h2 {font-size: 1.1rem;padding: 0 12px 6px 12px;}
#main > h2::after {width: calc(100% - 20px);}
.ct-block {padding: 0 12px 6px 12px;}
.support {display: block;margin-top: 12px;}
.support-left {margin-left: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.support-item {
    width: calc(100% / 2);
    padding: 0.5em;
    box-sizing: border-box;

}

/*.support-item img {width: 90px;height: 118px;}*/
.support-item p {font-size: 0.85rem;margin-top: 10px;}
.support-right {
margin-top: 10px;
margin-bottom: 14px;
padding: 0 10px;
display: block;
box-sizing: border-box;
}
.support-bnr {width: 100%;height: 70px;}
.support-bnr::after {
width: 6px;
height: 12px;
right: 24px;
}
.support-bnr:nth-of-type(n + 2) {
margin-top: 10px;
}
.support-bnr img {
margin-top: auto;
width: 130px;
-o-object-fit: cover;
object-fit: cover;
}
.support-bnr p {font-size: 1.0rem;}
.top-support-top {
padding-top: 20px;
margin-left: -5px;
margin-right: -5px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}
.top-support-item {width: calc((100% - 20px) / 2);margin: 0 5px 10px;}
.top-support-item .thumbnail {height: 140px;}
.top-support-item-inner {padding: 15px;}
.top-support-item-inner .title {font-size: 1rem;}
.top-support-item-inner .text {font-size: 0.9rem;}
.top-support-bottom {
 margin-left: -5px;
 margin-right: -5px;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 30px;
 width:100%;
 margin-top:1em;
}
.top-support-bnr {height: 70px;margin: 0 5px;width:100%;}
.top-support-bnr::after {
width: 6px;
height: 12px;
right: 24px;
}
.top-support-bnr:nth-of-type(n + 2) {
margin-top: 10px;
}
.top-support-bnr img {
margin-top: auto;
width: 130px;
-o-object-fit: cover;
object-fit: cover;
}
.top-support-bnr p {
font-size: 1.2rem;
/*line-height: 70px;*/
}
.bnr-box {
 margin-left: -5px;
 margin-right: -5px;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 30px;
}
.bnr-box-item {
 width: 100%;
 margin: 0 5px;
}
.bnr-box-item:nth-of-type(n + 2) {
 margin-top: 10px;
}
}
.supervise {
text-align: right;
font-size: 10px;
padding: 7px 0 6px;
}
.supervise span {
margin-left: 10px;
}
.heading,.heading-2 {
text-align: left;
position: relative;
border-bottom: 1px solid #AB1A78;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
background-color: #f7e8f1;
height: 49px;
padding: 0 10px 0 68px;
margin-bottom: 19px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.heading-2 {
padding: 0 10px 0 120px;
}
.heading img,.heading-2 img {
position: absolute;
left: 6px;
bottom: 0;
height: 59px;
width: auto;
}
.heading h1,.heading-2 h1 {
font-size: 1.2rem;
font-weight: bold;
color: #AB1A78;
line-height: 1.2;
}
.tablist {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 0 15px;
margin-top: -25px;
margin-bottom: 44px;
border-bottom: 2px solid #e2e2e2;
min-height: 72px;
}
.tablist li {
text-align: left;
padding: 0 50px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 22px;
}
.tablist li.w300 {
width: 300px;
padding-right: 10px;
}
.tablist li.w315 {
width: 315px;
padding-right: 10px;
}
.tablist li.w350 {
width: 350px;
padding-right: 10px;
}
.tablist li a {
display: block;
text-decoration: none;
color: #00a2d9;
min-height: 20px;
font-size: 138.5%;
line-height: 1.4;
background: url(../images/ico_arrow.png) no-repeat 0 3px;
padding: 0 0 0 28px;
}
.tablist li a:hover {
text-decoration: underline;
}
.block-wrap .block {
padding-top: 10px;
margin-bottom: 15px;
}
.block-wrap .block:last-child {
margin-bottom: 0 !important;
}
.block-wrap .block p {
font-size: 1.0rem;
}
.block-wrap.lineheight .block p {
line-height: 1.7;
}
.head-type1 {
text-align: left;
font-size: 1.2rem;
line-height: 1.2;
position: relative;
padding: 2px 0 5px 11px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
}
.head-type1:before {
content: "";
width: 5px;
height: 100%;
background-color: #ab1a78;
position: absolute;
left: 0;
top: 0;
}
.head-type2 {
font-weight: bold;
text-align: left;
font-size: 14px;
padding: 0 0 0 17px;
position: relative;
line-height: 1.2;
margin-bottom: 10px;
}
.head-type2:before {
content: "";
position: absolute;
left: 0;
top: 3px;
background-color: #ab1a78;
width: 12px;
height: 12px;
border-radius: 50%;
}
.label_text {
text-align: left;
font-size: 13px;
color: #fff;
margin-bottom: 13px;
}
.label_text span {
text-align: center;
display: inline-block;
line-height: 1;
background-color: #c45fa0;
min-width: 100px;
height: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 3px;
}
.qa-item {
text-align: left;
margin-bottom: -2px;
}
.qa-item:last-child {
border-bottom: none;
}
.qa-head {
background: url(../images/icon_q.png) no-repeat 7px center / 25px 25px;
border: 2px solid #e1e1e1;
padding: 0 7px 2px 38px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.qa-head:after {
content: "";
width: 12px;
height: 8px;
position: absolute;
right: 7px;
top: 50%;
margin-top: -4px;
background: url(../images/arrow_down.png) no-repeat 0 0 / 100% 100%;
}
.qa-head.open:after {
background-image: url(../images/arrow_up.png);
}
.qa-head h2 {
font-size: 14px;
color: #AB1A78;
line-height: 1.2;
padding-right: 20px;
}
#inquiry {
margin: 0 auto 100px;
border-top: 1px solid #ab1a78;
border-bottom: 1px solid #ab1a78;
padding: 0 0 30px 0;
}
#inquiry .inner__top {
padding: 20px 0;
font-size: 140%;
font-weight: bold;
line-height: 150%;
text-align: center;
background: #f7e8f1;
}
#inquiry .inner__middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
#inquiry .inner__middle .inner__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #ab1a78;
font-size: 170%;
font-weight: bold;
line-height: 100%;
}
#inquiry .inner__middle .inner__wrap p:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 20px;
}
#inquiry .inner__middle .inner__wrap p:last-child:before {
content: '';
display: block;
margin-right: 10px;
width: 31px;
height: 20px;
background: url(/images/icon-telephone.svg);
background-size: cover;
}
#inquiry .inner__bottom {
margin-top: 20px;
font-size: 118%;
line-height: 100%;
text-align: center;
}
.uc-box {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px;
margin: 0 -5px 10px;
align-items:flex-start;
justify-content: center;
}
.uc-box .left, .uc-box .right {
width: 50%;
padding: 0 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.uc-box .left img {
width: 140px;
margin: 20px;
}
.uc-box .left.movie_banner img {
width: auto;
margin: 0px;
}
.uc-box .left.ibdhome_banner img {
width: auto;
margin: 10px 0;
}

.uc-box .left.ibdhome_banner span {
color:#000000;
}
.uc-box .l-box {
height: 100%;
font-size: 0;
background-color: #e79b40;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
-ms-flex-pack: center!important;
-webkit-box-pack: center!important;
justify-content: center!important;
}
.uc-box .right .image {
font-size: 0;
margin-right: 10px;
}
.uc-box .right .image img {
width: 42px;
}
.uc-box .right .top {
text-align: left;
background-color: #f7e8f1;
padding: 8px 8px;
}
.uc-box .right h3 {
color: #AB1A78;
font-size: 14px;
line-height: 1;
margin-bottom: 4px;
}
.uc-box .right .top p {
font-size: 11px;
line-height: 1.3;
height: 30px;
overflow: hidden;
}
.uc-box .r-box {
border: 1px solid #e6bad6;
}
.uc-box .right .bottom {
padding: 7px 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center!important;
-webkit-box-pack: center!important;
justify-content: center!important;
-ms-flex-align: flex-end!important;
-webkit-box-align: end!important;
align-items: flex-end!important;
}
.uc-box .right .bottom span {
display: block;
font-size: 8px;
margin-bottom: 5px;
}
.uc-box .right .bottom span img.brsp {
width: 27px;
display: inline-block;
vertical-align: bottom;
margin-right: 3px;
}
.uc-box .right .bottom a {
font-size: 14px;
}
.content-list {
padding-top: 7px;
}
.content-list li {
margin-bottom: 10px;
}
.content-list li:last-child {
margin-bottom: 0;
}
.content-list .box {
background-color: #f7e8f1;
border-radius: 24px;
}
.content-list .box > div {
width: 38.335%;
}
.content-list .box img {
width: 100%;
}
.content-list .box p {
font-size: 13px;
line-height: 1.4;
width: 61.665%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 10px;
}
.image-box1 {
margin-top: 20px;
font-size: 0;
border: 1px solid #dda3c9;
text-align: center;
}
.tou-image1 {
margin-top: 27px;
margin-bottom: 35px;
background-color: #f7e8f1;
padding:1em;
}
.tou-image1 img, .tou-image2 img {
margin: 0 auto;
/*width:100%;*/
}
.tou-image1 span {
display: block;
font-weight: bold;
color: #A24093;
font-size: 12px;
margin-top: 10px;
}
.injection-block-mdh {
font-weight: bold;
text-align: left;
width:100%;
font-size:1.4em;
padding:0 1em 1em 1em;
}
.touyo-injection-block {
    background-color: #f7e8f1;
    display:flex;
    padding:1em;
    border-radius:24px;
    justify-content: space-around;
}
.touyo-injection-block div {
    width:50%;
    padding:0.5em 1em;
}
.inj-block-title {
    color: #A24093;
    font-size:1.4em;
    font-weight: normal;
}
.touyo-injection-block div span {
    display: block;
    margin-bottom:0.5em;
}
.touyo-injection-block img {
    width:100%;
}
.inj-block-mm {padding:4.5em 1em 1em 1em;}
.inj-block-mm > div.inj-info {
background-color: #fffcf1;
padding:1.25em 2em;
}
.inj-block-mm > div.inj-info ul {
    margin-top:1em;
    font-size:1.4em;
}
.inj-block-mm > div.inj-info ul li {
    text-align: left;
    text-indent:-1.3em;
    padding-left:1.3em;
}
.inj-block-mm > div.inj-info ul li:before {
    content:'● ';
    color:#e79b40;
}
p.injection-block-point {
padding:0 1.25em;
}
.touyo-point-1,.touyo-point-2{
    padding:1.5em 1.5em 2.5em 1.5em;
    margin:2em auto;
    text-align: left;
}
.touyo-point-1 {
background-color:#ebf7fd;


}
.touyo-point-2 {
    background-color:#fff4cf;
    }
.touyo-point-1 .point-mdh,.touyo-point-2 .point-mdh{
    color:#ffffff;
    font-weight:bold;
    font-size:1.6em!important;
    padding:0.5em;
    display: inline-block;
}
.touyo-point-1 .point-mdh {
    background-color: #00a2d9;
}
.touyo-point-2 .point-mdh {
    background-color: #e79b40;
}
.touyo-point-1 .point,.touyo-point-2 .point {
    font-weight:bold;
    font-size:1.4em!important;
    margin:1em 0 0 0;
}
.touyo-point-1 .point {
    color:#00a2d9;

}
.touyo-point-2 .point {
    color:#e79b40;

}
.touyo-point-2 span {
    font-size:0.85em!important;
}
.point-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.point-flex img {
    width:30%;
    padding:0 0 0 10%;
    max-width:200px;
}
.tou-support {
    background:#fffcf1;
    padding:2em;
    border-radius: 24px;
}
.tou-support-item{display:flex;margin:1em 0;width:90%;margin:0 auto;}
.self-injection-guide {
    font-weight:bold;
    font-size:1.4em;
    text-align: left;
}
.tou-support-item > a > img {
border:1px solid #efefef;
max-width:180px;
margin:0 2em;
}
.note-list {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 22px -3px 0;
}
.note-list li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 33.333%;
padding: 0 3px;
}
.note-list li div {
height: 100%;
background-color: #ededed;
}
.note-list li div span {
text-align: center;
display: block;
font-size: 11px;
line-height: 1;
padding: 5px 0;
}
.note-table {
border: 1px solid #918c8a;
line-height: 1.3;
margin-bottom: 13px;
margin-top: 20px;
width: 100%;
}
.note-table thead th {
color: #fff;
background-color: #ab1a78;
font-size: 8px;
font-weight: bold;
border-right: 1px solid #d58cbb;
padding: 5px 0;
}
.note-table thead th:first-child {
width: 70px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.note-table thead th:last-child {
border-right: none;
}
.note-table tbody th {
font-size: 10px;
color: #231815;
border-top: 1px solid #918c8a;
border-right: 1px solid #918c8a;
font-weight: normal;
}
.note-table tbody td {
color: #231815;
font-size: 10px;
border-top: 1px solid #918c8a;
text-align: left;
padding: 2px 8px;
}
.block-wrap .block .note-desc1 {
font-size: 9px;
line-height: 1.2;
margin-top: 13px;
}
.block-wrap .block .note-desc2 {
text-indent: -60px;
padding: 0 0 0 60px;
margin-top: 13px;
}
.note-image2 {
margin-top: 15px;
}
ruby > rt {
line-height: 1;
position: relative;
top: -3px;
}
.uc-image2 {
border: 1px solid #e6bad6;
padding: 12px 13px 8px;
}
.uc-image2 span {
display: block;
font-size: 12px;
color: #AB1A78;
line-height: 1;
font-weight: bold;
margin-bottom: 9px;
text-align: left;
}
.uc-image3 {
border: 1px solid #e6bad6;
}
.head-type3 {
text-align: left;
line-height: 1;
color: #AB1A78;
font-size: 13px;
margin-bottom: 8px;
}
.uc-dllist {
font-size: 13px;
text-align: left;
line-height: 1.4;
margin-bottom: 14px;
}
.uc-dllist dt {
font-weight: bold;
}
.uc-dllist dd {
margin: -1.3em 0 0 0;
padding: 0 0 0 80px;
}
.uc-tbl {
font-size: 8px;
text-align: left;
}
.uc-tbl {
border: 1px solid #9f9a99;
width: 100%;
}
.uc-tbl thead th {
text-align: center;
color: #fff;
background-color: #ab1a78;
border-right: 1px solid #da9ac4;
padding: 4px 0 4px;
font-weight: normal;
}
.uc-tbl thead th:nth-child(1) {
width: 18%;
}
.uc-tbl thead th:nth-child(2) {
width: 28%;
}
.uc-tbl thead th:nth-child(3) {
width: 16.3%;
}
.uc-tbl thead th:last-child {
border-right: none;
}
.uc-tbl tbody th {
background-color: #fbf4f8;
padding: 0 5px;
border-right: 1px solid #9f9a99;
border-top: 1px solid #9f9a99;
font-weight: normal;
}
.uc-tbl tbody td {
border-top: 1px solid #9f9a99;
border-right: 1px solid #9f9a99;
padding: 2px 5px 2px;
}
.uc-tbl tbody td:last-child {
border-right: none;
}
.aligncenter {
text-align: center !important;
}
.block-wrap .block .uc-notes p {
font-size: 9px;
line-height: 1.4;
margin-bottom: 4px;
}
.uc-notes {
margin-top: 5px;
}
.block-wrap .block .uc-note {
font-size: 9px;
line-height: 1.4;
text-indent: -8px;
padding: 0 0 0 8px;
margin-top: 6px;
}
.uc-image4 {
border: 1px solid #dda3c9;
border-radius: 6px;
padding: 0 0 8px;
}
.uc-image4 h5 {
font-weight: normal;
line-height: 1.2;
font-size: 11px;
background-color: #f7e8f1;
text-align: left;
padding: 4px 13px 6px;
border-radius: 6px 6px 0 0;
margin-bottom: 17px;
}
.block-wrap .block .uc-image4 p {
font-size: 9px;
}
.uc-image4 p {
padding: 0 10px;
line-height: 1.4;
}
.uc-image4 .image {
margin-bottom: 18px;
}
.uc-image4 .image img {
width: 100%;
}
.uc-image5 {
border: 1px solid #dda3c9;
padding: 18px 10px 8px;
}
.uc-image5 img {
width: 100%;
}
.uc-image5 span {
display: block;
text-align: left;
font-size: 8px;
line-height: 1.4;
margin-top: 17px;
}
.uc-list {
border: 1px solid #eaeaea;
}
.uc-list li h5 {
font-size: 11px;
line-height: 1;
background-color: #f0e0a3;
padding: 4px 0 5px;
border-top: 1px solid #eaeaea;
}
.uc-list li:first-child h5 {
border: none;
}
.block-wrap .block .uc-list li div img {
width: 144px;
}
.block-wrap .block .uc-list li p {
text-align: left;
font-size: 11px;
line-height: 1.3;
margin-left: 5px;
}
.block-wrap .block .uc-list li em {
font-style: normal;
color: #964992;
}
.uc-list2 {
border: 1px solid #eaeaea;
}
.uc-list2 li h5 {
font-size: 11px;
line-height: 1;
background-color: #f0e0a3;
padding: 4px 0 5px;
border-top: 1px solid #eaeaea;
}
.uc-list2 li:first-child h5 {
border: none;
}
.block-wrap .block .uc-list2 li div img {
width: 144px;
}
.block-wrap .block .uc-list2 li p {
text-align: left;
font-size: 11px;
line-height: 1.3;
margin-left: 5px;
}
.block-wrap .block .uc-list2 li em {
font-style: normal;
color: #964992;
}
.uc-block3 {
border: 1px solid #dda3c9;
padding: 0 9px 4px;
}
.uc-block3 h4 {
text-align: left;
color: #AB1A78;
font-size: 14px;
line-height: 1;
margin-bottom: 7px;
margin-top: 17px;
}
.uc-block3 .image {
margin-top: 9px;
}
.uc-block3 ul li {
padding: 0 10px 16px;
background: url(../images/bg_dot.png) repeat-x left bottom / 2px 1px;
}
.uc-block3 ul li:last-child {
background: none;
}
#anchor2 .uc-block3 .uc-list {
border: none;
}
#anchor2 .uc-block3 .uc-list li {
background: none;
padding: 0;
}
#anchor2 .uc-block3 .uc-list2 {
border: none;
}
#anchor2 .uc-block3 .uc-list2 li {
background: none;
padding: 0;
}
.block-wrap .block .uc-block3 p {
font-size: 13px;
}
.uc-image7 {
border: 1px solid #dda3c9;
padding: 10px 13px;
}
.uc-image7 h4 {
text-align: left;
color: #AB1A78;
font-size: 13px;
margin-bottom: 18px;
}
.uc-image7 span {
display: block;
font-size: 8px;
line-height: 1.3;
text-align: left;
margin-top: 20px;
}
.uc-image8, .uc-image9 {
border: 1px solid #dda3c9;
padding: 10px 13px 15px;
}
.uc-image10 h4, .uc-image8 h4, .uc-image9 h4 {
text-align: left;
color: #AB1A78;
font-size: 13px;
margin-bottom: 18px;
}
.uc-image10 h4 {
margin-bottom: 6px;
}
.uc-image8 ul li {
margin-bottom: 22px;
}
.uc-image8 ul li p.radius_ttl {
color: #fff;
font-weight: bold;
border-radius: 12px;
background-color: #ab1a78;
text-align: center;
width: 53%;
margin: 0 auto;
padding: 3px 0 1px;
}
.uc-image8 ul li:last-child {
margin-bottom: 0;
}
.uc-image8 span {
display: block;
font-size: 8px;
line-height: 1.3;
text-align: left;
margin-top: 20px;
}
.uc-image10 img {
width: 100%;
}
.uc-image11 span {
display: block;
font-size: 8px;
line-height: 1.3;
text-align: left;
margin-top: 20px;
}
.uc-image23 span {
display: block;
font-size: 8px;
line-height: 1.3;
text-align: left;
margin-top: 20px;
}
.uc-image11 {
padding-bottom: 3px;
}
.qa-content {
padding-bottom: 45px;
}
.answer-content {
position: relative;
padding: 10px 0 20px 40px;
}
.answer-content:before {
content: "";
background: url(../images/icon_a51.png) no-repeat 0 0 / 100% 100%;
width: 25px;
height: 25px;
position: absolute;
left: 5px;
top: 10px;
}
.answer-content p {
font-size: 13px;
}
.answer-content ol {
list-style: none;
font-size: 13px;
margin-top: 10px;
margin-bottom: 10px;
}
.answer-content ol li {
text-indent: -24px;
padding-left: 24px;
}
.iry-image {
margin-bottom: 6px;
}
.iry-image img {
width: 100%;
}
.iry-note {
font-size: 9px;
line-height: 1.4;
}
.iry-note > ul {
border:1px solid #cccccc;
padding:1em;
}
.iry-note > ul li{
display:flex;
line-height: 1.8;
}
.iry-note > ul li > span{
padding-right:0.5em;
}
.iry-image1 {
margin-top: 18px;
margin-left: -40px;
}
.iry-caption {
font-size: 9px;
line-height: 1.4;
text-align: right;
margin-top: -7px;
}
.iry-image2 {
border: 1px solid #f4e2ee;
border-radius: 5px;
padding: 8px 10px 5px;
}
.iry-image2 img {
width: 100%;
}
.iry-image2 h4 {
font-size: 6px;
color: #AB1A78;
line-height: 1;
margin-bottom: 8px;
}
.iry-image2 dl {
font-size: 9px;
margin: 0 auto;
width: 80%;
line-height: 1.4;
margin-top: 5px;
}
.iry-image2 dl dt {
color: #AB1A78;
margin-bottom: 2px;
}
.iry-image2 dl dd .indent {
text-indent: -8px;
padding: 0 0 0 8px;
margin-top: 2px;
}
.iry-image2 .note {
text-align: right;
font-size: 8px;
line-height: 1.4;
margin-top: 10px;
}
.answer-content .note {
font-size: 10px;
margin-top: 7px;
}
.iry-box {
background-color: #f7e8f1;
border-radius: 15px;
padding: 10px 20px 10px;
color: #AB1A78;
font-size: 13px;
margin-bottom: 20px;
}
.iry-box .note {
font-size: 10px;
margin-top: 7px;
text-indent: -8px;
padding-left: 8px;
}
.iry-image3 h4 {
font-size: 9px;
color: #AB1A78;
line-height: 1;
margin-bottom: 2px;
}
.iry-image3 img {
width: 100%;
}
.iry-image3 .text1 {
font-size: 12px;
text-indent: -12px;
padding: 0 0 0 12px;
margin-bottom: 5px;
line-height: 1.4;
margin-top: 5px;
}
.iry-image3 .text2 {
font-size: 9px;
line-height: 1.4;
}
.qa-content {
display: none;
}
strong ruby rt {
font-weight: normal;
}
.faq-image1 {
margin-left: -40px;
}
.faq-image1 img {
width: 100%;
}
.faq-row1 {
margin-bottom: -20px;
}
.faq-image5, .faq-image2 {
border: 1px solid #e6bad6;
margin-left: -40px;
padding: 10px 10px;
}
.faq-image5 {
margin-left: 0;
}
.faq-image6 img {
margin: 0 auto;
}
.faq-image2 ul li img, .faq-image4 img, .faq-image3 img, .faq-image5 img {
width: 100%;
}
.faq-image5 p {
display: block;
font-size: 9px;
line-height: 1.4;
text-indent: -8px;
padding-left: 8px;
margin-top: 10px;
text-align: right;
}
.faq-image6 p {
display: block;
font-size: 9px;
line-height: 1.4;
text-indent: -8px;
padding-left: 8px;
margin-top: 10px;
text-align: right;
}
.faq-image4 p {
display: block;
font-size: 9px;
line-height: 1.4;
text-indent: -8px;
padding-left: 8px;
margin-top: 10px;
text-align: right;
}
.faq-image1 p {
display: block;
font-size: 9px;
line-height: 1.4;
text-indent: -8px;
padding-left: 8px;
margin-top: 10px;
text-align: right;
}
.faq-image5 h4, .faq-image2 h4 {
text-align: left;
color: #AB1A78;
font-size: 13px;
margin-bottom: 6px;
}
.faq-image2 ul li {
margin-bottom: 15px;
}
.faq-image2 ul li:last-child {
margin-bottom: 0;
}
.faq-image2 ul li span {
display: block;
font-size: 9px;
line-height: 1.4;
text-indent: -8px;
padding-left: 8px;
margin-top: 10px;
}
.faq-note {
line-height: 1.3;
font-size: 10.5px;
margin-top: 10px;
text-indent: -9px;
padding-left: 9px;
}
.faq-dllist {
line-height: 1.4;
margin-top: 15px;
margin-bottom: 25px;
}
.faq-dllist dt {
font-weight: bold;
position: relative;
color: #ab1a78;
padding: 0 0 0 14px;
font-size: 13px;
margin-bottom: 4px;
}
.faq-dllist dt:before {
content: "";
background-color: #ab1a78;
position: absolute;
left: 0;
top: 3px;
border-radius: 50%;
width: 12px;
height: 12px;
}
.faq-dllist dd {
font-size: 13px;
margin-bottom: 13px;
}
.faq-dllist dd:last-child {
margin-bottom: 0;
}
.faq-image4, .faq-image3 {
margin-left: -40px;
}
em {
font-style: normal;
}
[data-ruby] {
position: relative;
}
[data-ruby]::before {
content: attr(data-ruby);
position: absolute;
top: -0.9em;
left: 0;
right: 0;
margin: auto;
font-size: 0.5em;
text-align: center;
font-weight: normal;
white-space: nowrap;
letter-spacing: -2px;
}
.uc-block table [data-ruby] {
position: relative;
}
.uc-block table [data-ruby]::before {
content: attr(data-ruby);
position: absolute;
top: -0.45em;
left: 0;
right: 0;
margin: auto;
font-size: 0.5em;
text-align: center;
font-weight: normal;
white-space: nowrap;
letter-spacing: -1px;
}
@media screen and (max-width: 767px) {



.heading h1, .heading-2 h1 {
font-size: 1.1rem;
margin-left: 24px;

}
.heading h1 span.mv,.heading-2 h1 span.mv {
font-size: 0.8rem;
} 

.tablist li a {

font-size: 1.1em;
min-height: 26px;

}
.item-list {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}
.supervise span {
display: block;
margin: 0;
}
.item-list li h3 {
font-size:1.0rem;
}

.heading.pl-sm-108 {
padding-left: 108px;
}
.tablist {
/*display: none !important;*/
margin-top:0px;
}
#anchor1,#anchor2,#anchor3,#anchor4,#anchor5 {
 display: block;
margin-top:-200px!important;
padding-top:200px;
}
.content-list .box {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
}
.note-table {
margin-left: auto;
margin-right: auto;
}
.uc-image2 img {
width: 100%;
}
.uc-image7 img {
margin: 0 auto 20px;
}
.uc-image8 ul li p.radius_ttl {
padding: 6px 0 3px;
}
.uc-image8 img,.uc-image9 img,.uc-block3 .image img,.uc-image6 img,.uc-image3 img,.image-box1 img,.note-row1 .image img,.uc-image1 img,.note-image2 img {
margin: 0 auto;
}
#inquiry {
margin: 0 10px 60px;
}
#inquiry .inner__top {
font-size: 125%;
}
#inquiry .inner__middle .inner__wrap p {
width: 100%;
text-align: center;
}
#inquiry .inner__middle .inner__wrap p:last-child {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15px;
margin-left: 0;
}
.uc-box {
display: block;
}

.uc-box .left, .uc-box .right {
 width: 100%;
margin:20px 0;

}


.uc-box .left.ibdhome_banner img {
 width: 100%;

}

.block-wrap .block .uc-list li .inner {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
/*-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
}
 .block-wrap .block .uc-list2 li .inner {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
}
.mt-a-sm-7 {
margin-top: -7px !important;
}
.mb-sm-6 {
margin-bottom: 6px !important;
}
.mb-sm-20 {
margin-bottom: 20px !important;
}
.mb-sm-23 {
margin-bottom: 23px !important;
}
.mb-sm-25 {
margin-bottom: 25px !important;
}
.mb-sm-30 {
margin-bottom: 30px !important;
}
.mb-sm-35 {
margin-bottom: 35px !important;
}
.mb-sm-40 {
margin-bottom: 40px !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.mt-sm-10 {
margin-top: 10px !important;
}
}
@media screen and (min-width: 768px) {
.mb-md-5 {
margin-bottom: 5px !important;
}
.mb-md-18 {
margin-bottom: 18px !important;
}
.mb-md-25 {
margin-bottom: 25px !important;
}
.mb-md-30 {
margin-bottom: 30px !important;
}
.mb-md-35 {
margin-bottom: 35px !important;
}
.mb-md-40 {
margin-bottom: 40px !important;
}
.mb-md-50 {
margin-bottom: 50px !important;
}
.mb-md-62 {
margin-bottom: 62px !important;
}
.mb-md-70 {
margin-bottom: 70px !important;
}
.mb-md-72 {
margin-bottom: 72px !important;
}
.mb-md-60 {
margin-bottom: 60px !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pt-md-18 {
padding-top: 18px !important;
}
.item-list {
margin-bottom: 14px;
margin-left: -13px;
margin-right: -13px;
padding-top: 30px;
}
.item-list li {
width: 33.333%;
padding: 0 13px;
margin-bottom: 26px;
}
.item-list li h3 {
height: 76px;
font-size: 153.85%;
}
.item-list li a:hover {
opacity: 0.7;
}
.supervise {
font-size: 107.7%;
padding: 0 0 20px;
}
.heading {
margin-bottom: 50px;
height: 98px;
padding: 0 10px 2px 136px;
}
.heading-2 {
margin-bottom: 50px;
height: 98px;
padding: 0 10px 2px 200px;
}
.heading.pl-md-204 {
padding-left: 204px;
}
.heading img,.heading-2 img {
height: 118px;
}
.heading h1,
.heading-2 h1 {
line-height: 1;
font-size: 215.4%;
}
.head-type1 {
font-size: 169.24%;
padding: 4px 0 7px 17px;
margin-bottom: 20px;
}
.head-type1:before {
width: 8px;
}
.block-wrap .block {
padding-top: 15px;
margin-bottom: 35px;
}
.main-top h2 + p,.block-wrap .block p,.ct-block p {
font-size: 123.08%;
}
.block-wrap.lineheight .block p {
line-height: 1.7;
}
.head-type2 {
font-size: 153.85%;
padding: 0 0 0 26px;
margin-bottom: 20px;
}
.head-type2:before {
width: 18px;
height: 18px;
top: 3px;
}
.label_text {
font-size: 138.5%;
margin-bottom: 22px;
}
.label_text span {
min-width: 150px;
height: 30px;
padding-top: 5px;
}
.qa-item,.qa-list {
border-width: 4px;
}
.qa-item {
margin-top: -4px;
}
.qa-head {
background-size: auto;
height: 74px;
padding-left: 80px;
background-position: 15px center;
border-width: 4px;
}
.qa-head:hover {
opacity: 0.7;
}
.qa-head h2 {
font-size: 169.23%;
padding-right: 24px;
}
.qa-head:after {
width: 24px;
height: 16px;
right: 15px;
margin-top: -8px;
}
.uc-box {
margin: 54px 0px 30px;
padding: 0;
align-items: baseline;
justify-content: space-evenly;
}
.uc-box .left,.uc-box .right {
padding: 0;
}
.uc-box .left {
width: 48%;
}
.uc-box .left a {
display: block;
height: 100%;
}
.uc-box .left a:hover {
opacity: 0.7;
}
.uc-box .right {
width: 66.667%;
}
.uc-box .left img {
width: auto;
}
.uc-box .left img {
width: auto;
}

.uc-box .right h3 {
font-size: 153.85%;
margin-bottom: 12px;
}
.uc-box .right .top p {
height: auto;
font-size: 123.1%;
}
.uc-box .right .top {
padding: 10px 28px;
width: 388px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.uc-box .right .top div {
width: 100%;
}
.uc-box .right .top > div {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
height: 100%;
}
.uc-box .right .bottom {
padding: 18px 0;
width: 253px;
}
.uc-box .right .bottom span {
font-size: 100%;
margin-bottom: 8px;
}
.uc-box .right .bottom span img.brsp {
display: none;
}
.uc-box .right .bottom span img.brpc {
display: inline-block;
vertical-align: bottom;
margin-right: 2px;
}
.uc-box .right .image img {
width: auto;
}
.uc-box .right .bottom a {
font-size: 100%;
color: #00a2d9;
}
.uc-box .right .bottom a:hover {
text-decoration: none;
}
.uc-box .r-box {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.image-box1 {
padding: 28px 0 22px;
margin-top: 45px;
}
.image-box1 img {
margin: 0 auto;
}
.image-box1 p a{
text-decoration: none;
color: #00a2d9;
}
.image-box1 p a:hover{
text-decoration: underline;
}
.content-list {
padding-top: 20px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
.content-list li {
margin-bottom: 0;
width: 330px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
text-align: center;
}
.content-list .box {
height: 100%;
min-height: 363px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.content-list .box p,.content-list .box div {
width: auto;
padding: 0;
}
.content-list .box p {
font-size: 130.77%;
text-align: center;
padding: 0 10px;
margin-top: 17px;
line-height: 1.6;
}
.content-list .box p {
    font-size: 130.77%;
    text-align: center;
    padding: 0 10px;
    margin-top: 17px;
    line-height: 1.6;
    }
#uc .tou-row {
display:flex;
align-items: center;
justify-content: space-between;
}
#uc .tou-row .col1 {

width: 410px;
margin-right: 10px;
}
#uc .tou-row .tou-image2 {

width: 444px;
}
.tou-row .col1 {
float: left;
width: 610px;
margin-right: 10px;
}
.tou-row .tou-image2 {
float: left;
width: 344px;
}
#uc .tou-image1 {
margin-top: 0px;
background-color:#f7e8f1;
padding:24px;
}
#uc .tou-image1 img {
width:100%;
max-width:820px;
margin:0 auto;
}
.tou-image1 {
margin-top: 70px;
}
.tou-image1 span {
font-size: 146.2%;
margin-top: 35px;
}
.note-list {
-ms-flex-pack: center!important;
-webkit-box-pack: center!important;
justify-content: center!important;
margin: 44px -15px 0;
}
.note-list li {
width: 330px;
padding: 0 15px;
}
.note-list li div span {
font-size: 130.77%;
padding: 18px 0 20px;
}
.note-table {
margin-top: 0;
margin-bottom: 0;
}
.note-table thead th {
font-size: 100%;
padding: 11px 0 12px;
}
.note-table thead th:first-child {
width: 140px;
}
.note-table tbody th {
font-size: 100%;
}
.note-table tbody td {
padding: 5px 15px 6px;
font-size: 100%;
}
.note-row1 {
padding-right: 27px;
margin-top: 45px;
}
.note-row1 .note-table {
float: left;
width: 426px;
}
.note-row1 .image {
float: right;
}
.block-wrap .block .note-desc1 {
font-size: 107.7%;
text-align: right;
padding-right: 10px;
margin-top: 18px;
}
.block-wrap .block .note-desc2 {
margin-bottom: 45px;
text-indent: -80px;
padding: 0 0 0 80px;
margin-top: 30px;
}
.note-row2 .col {
float: left;
width: 550px;
}
.note-row2 .note-image2 {
float: right;
padding-right: 10px;
margin-top: 0;
position: relative;
top: -40px;
}
.uc-row1 .col {
float: left;
width: 622px;
padding-top: 15px;
}
.uc-image1 {
width: 349px;
float: right;
}
.uc-image2 {
padding: 20px 30px 30px;
}
.uc-image2 span {
font-size: 138.5%;
margin-bottom: 38px;
}
.uc-image2 img {
margin: 0 auto;
}
.uc-row2 .col {
float: left;
width: 585px;
}
.uc-row2 .uc-image3 {
float: right;
width: 360px;
}
.uc-block {
width: 672px;
margin: 45px auto 0;
}
.head-type3 {
margin-bottom: 16px;
font-size: 138.5%;
}
.uc-dllist {
font-size: 123.1%;
margin-bottom: 25px;
}
.uc-dllist dd {
margin-top: -1.4em;
padding: 0 0 2px 75px;
}
.uc-notes {
margin-top: 4px;
}
.block-wrap .block .uc-notes p {
font-size: 89%;
line-height: 1.4;
margin-bottom: 16px;
}
.block-wrap .block .uc-notes p:last-child {
margin-bottom: 0;
}
.uc-tbl {
font-size: 123.1%;
line-height: 1.4;
}
.uc-tbl thead th {
padding: 5px 0 7px;
}
.uc-tbl thead th:nth-child(1) {
width: 120px;
}
.uc-tbl thead th:nth-child(2) {
width: 190px;
}
.uc-tbl thead th:nth-child(3) {
width: 110px;
}
.uc-tbl tbody th {
padding: 0 10px;
text-align: left;
}
.uc-tbl tbody td {
padding: 5px 10px 7px;
}
.block-wrap .block .uc-note {
font-size: 107.7%;
text-align: right;
text-indent: 0;
padding-left: 0;
margin-top: 12px;
margin-bottom: 34px;
}
.uc-image4 {
padding-bottom: 15px;
}
.uc-image4 .image img {
width: auto;
margin: 0 auto;
}
.uc-image4 h5 {
font-size: 123.1%;
padding: 15px 30px 17px;
margin-bottom: 30px;
}
.block-wrap .block .uc-image4 p {
font-size: 100%;
text-align: right;
padding-right: 20px;
}
.uc-image4 .image {
margin-bottom: 27px;
}
.block-wrap .block .uc-image4 p span {
display: inline-block;
text-align: left;
}
.uc-image5 img {
width: auto;
margin: 0 auto;
}
.uc-image5 {
padding-bottom: 15px;
padding-top: 33px;
}
.uc-image5 span {
text-align: right;
font-size: 100%;
margin-top: 32px;
}
.uc-block2 {
margin: 55px auto 0;
width: 789px;
}
.uc-list {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-color: #e4e4e4;
}
.uc-list li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 33.333%;
}
.uc-list li .box {
height: 100%;
border-right: 1px solid #e4e4e4;
}
.uc-list li:last-child .box {
border-right: none;
padding-bottom: 17px;
}
.uc-list li h5 {
padding: 15px 0;
font-size: 123%;
margin-bottom: 12px;
}
.block-wrap .block .uc-list li div img {
width: auto;
margin: 0 auto;
}
.block-wrap .block .uc-list li p {
text-align: center;
font-size: 123%;
line-height: 1.4;
margin-top: 9px;
}
 .uc-list2 {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-color: #e4e4e4;
}
.uc-list2 li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(100% / 4);
}
.uc-list2 li .box {
height: 100%;
border-right: 1px solid #e4e4e4;
}
.uc-list2 li:last-child .box {
border-right: none;
padding-bottom: 17px;
}
.uc-list2 li h5 {
padding: 15px 0;
font-size: 123%;
margin-bottom: 12px;
}
.block-wrap .block .uc-list2 li div img {
width: auto;
margin: 0 auto;
}
.block-wrap .block .uc-list2 li p {
text-align: center;
font-size: 123%;
line-height: 1.4;
margin-top: 9px;
}
.uc-row3 .col {
float: left;
width: 628px;
padding-top: 20px;
}
.uc-row3 .uc-image6 {
float: right;
width: 326px;
}
.uc-block3 {
padding: 8px 16px 5px 38px;
}
.uc-block3 ul li {
padding: 0 0 25px;
}
.uc-block3 h4 {
font-size: 153.85%;
margin-bottom: 18px;
margin-top: 30px;
}
.block-wrap .block .uc-block3 p {
font-size: 123.1%;
}
.uc-block3 .text {
float: left;
width: 578px;
}
.uc-block3 .image {
float: right;
padding-top: 20px;
width: 326px;
}
.uc-image7 {
padding: 14px 15px 8px 30px;
}
.uc-image7 img {
margin: 0 auto 50px;
}
.uc-image8 {
padding: 14px 30px 30px 30px;
}
.uc-image9 h4, .uc-image10 h4,.uc-image7 h4,.uc-image8 h4 {
font-size: 138.5%;
margin-bottom: 24px;
}
.uc-image9 h4 {
margin-bottom: 13px;
}
.uc-image10 h4 {
margin-bottom: 15px;
}
.uc-image7 span {
font-size: 100%;
text-align: right;
margin-top: 42px;
}
.uc-image8 ul li {
float: left;
width: 422px;
margin-bottom: 0;
}
.uc-image8 span {
font-size: 100%;
text-align: right;
margin-top: 42px;
}
.uc-image9 {
padding: 17px 30px 40px;
}
.uc-image9 img {
margin: 0 auto;
}
.uc-image11 span {
font-size: 100%;
text-align: right;
margin-top: 0px;
}
.uc-image22 img {
margin: 0 auto;
}
.uc-image23 img {
margin: 0 auto;
}
.uc-image23 span {
font-size: 100%;
text-align: right;
margin-top: 42px;
}
.uc-image24 {
width: 488px;
margin: 45px auto 0;
margin-bottom: 0px;
}
.uc-image8 ul li:last-child {
float: right;
}
.uc-image10 {
width: 673px;
margin: 0 auto;
}
.uc-image23 {
padding: 14px 30px 8px 30px;
}
.uc-row4 .col {
float: left;
width: 630px;
}
.uc-row4 .uc-image10 {
float: right;
width: 316px;
}
.answer-content {
padding: 34px 0 36px 80px;
}
.answer-content:before {
width: 37px;
height: 37px;
left: 30px;
top: 33px;
}
.qa-content {
padding-bottom: 60px;
}
.answer-content .note {
font-size: 100%;
}
.answer-content p {
font-size: 123.1%;
line-height: 1.7;
}
.qa-item p.uc-note {
text-align: right;
font-size: 100%;
line-height: 1.7;
margin-top: 20px;
}
.answer-content p.uc-note {
font-size: 100%;
text-align: right;
text-indent: 0;
padding: 0 0 0 8px;
margin-top: 12px;
line-height: 1.7;
margin-bottom: 34px;
}
.iry-block {
margin: 0 auto;
width: 728px;
}
.iry-image {
margin-bottom: 10px;
}
.iry-note {
font-size: 100%;
}
.answer-content ol {
font-size: 123.1%;
margin-top: 0;
margin-bottom: 20px;
}
.iry-row .col {
width: 510px;
float: left;
padding-top: 30px;
}
.iry-image1 {
margin-left: 0;
float: right;
width: 385px;
}
.iry-caption {
margin-top: -10px;
font-size: 100%;
}
.iry-image2 {
padding: 20px 30px 10px;
}
.iry-image2 h4 {
font-size: 138.5%;
margin-bottom: 22px;
}
.iry-image2 img {
width: auto;
margin: 0 auto;
}
.iry-image2 dl {
width: 690px;
font-size: 123.1%;
margin-top: 8px;
}
.iry-image2 dl dt {
margin-bottom: 4px;
}
.iry-image2 dl dd .indent {
margin-top: 4px;
text-indent: -14px;
padding-left: 14px;
font-size: 87.5%;
}
.iry-image2 .note {
font-size: 100%;
margin-top: 20px;
}
.iry-box {
margin-left: 60px;
font-size: 123.1%;
padding: 15px 28px 18px;
margin-bottom: 70px;
}
.iry-box .note {
font-size: 87.5%;
text-align: right;
margin-top: 3px;
}
.iry-image3 {
width: 726px;
margin: 0 auto;
}
.iry-image3 h4 {
font-size: 123.1%;
}
.iry-image3 .text1 {
font-size: 123.1%;
text-indent: -15px;
padding-left: 15px;
margin-bottom: 8px;
}
.iry-image3 .text2 {
font-size: 107.7%;
}
.faq-row1 {
margin-bottom: 0;
}
.faq-row1 .col {
width: 545px;
float: left;
}
.faq-image1 {
margin-left: 0;
float: right;
width: 341px;
}
.faq-row1.other .col {
width: 535px;
}
.faq-row1.other .faq-image1 {
width: 362px;
}
.answer-content .faq-note {
font-size: 107.7%;
line-height: 1.4;
margin-top: 16px;
}
.faq-dllist {
margin-left: -42px;
margin-top: 30px;
margin-bottom: 0;
}
.faq-dllist dt {
font-size: 123.1%;
padding-left: 16px;
margin-bottom: 15px;
}
.faq-dllist dt:before {
width: 15px;
height: 15px;
top: 5px;
}
.faq-dllist dd {
font-size: 123.1%;
line-height: 1.5;
margin-bottom: 35px;
}
.faq-dllist dd:last-child {
margin-bottom: 0;
}
.faq-image3 {
margin-left: 0;
width: 400px;
}
.answer-content .pr470 {
padding-right: 460px;
}
.answer-content.other {
position: relative;
}
.answer-content.other .faq-image3 {
position: absolute;
right: 0;
bottom: 0;
}
.faq-image4 {
margin-left: 0;
}
.faq-image4 img {
width: auto;
margin: 0 auto;
}
.faq-image5,.faq-image2 {
padding: 15px 30px 15px;
}
.faq-image2 {
padding-bottom: 50px;
}
.faq-image5 h4, .faq-image2 h4 {
font-size: 138.5%;
margin-bottom: 12px;
}
.faq-image5 .image img {
width: auto;
margin: 0 auto;
}
.faq-image5 p {
font-size: 100%;
margin-top: 20px;
}
.faq-image6 p {
font-size: 100%;
margin-top: 20px;
}
.faq-image4 p {
font-size: 100%;
margin-top: 20px;
}
.faq-image1 p {
font-size: 100%;
margin-top: 20px;
}
.faq-row2 .col {
float: left;
width: 370px;
}
.faq-row2 .faq-image4 {
float: right;
width: 481px;
}
.faq-image2 ul {
text-align: center;
margin-top: 35px;
}
.faq-image2 ul li {
display: inline-block;
margin: 0;
vertical-align: top;
padding: 0 20px;
width: 376px;
}
.faq-image2 ul li:nth-child(2) {
width: 262px;
}
.faq-image2 ul li img {
width: auto;
}
.faq-image2 ul li span {
font-size: 100%;
text-align: left;
text-indent: -12px;
padding-left: 12px;
white-space: nowrap;
}
.alignright {
text-align: right !important;
}
.uc-notes p{
text-align:right;}
}
/*20190425追加*/

.qa-item .uc-row2 .col{
width: 525px;
}
.qa-item .uc-row3 .col{
width: 550px;
padding-top: 0px;
}
.qa-item .uc-row4 .col{
width: 550px;
}
.qa-item .uc-row3 .uc-image6{
width: 350px;
}
.qa-item .uc-image8 ul li{
width: 45%;
}
/*
 認証 ------------------------------------------------------------------
*/
#dialog-overlay {
/* set it to fill the whil screen */
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
/* transparency for different browsers */
filter: alpha(opacity=80);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
background: #cfcfcf;
/* make sure it appear behind the dialog box but above everything else */
position: fixed;
top: 0;
left: 0;
z-index: 10000;
/* hide it by default */
display: none;
}
#dialog-box {
/* css3 drop shadow */
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
width: 800px;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
/* make sure it has the highest z-index */
position: absolute;
z-index: 10001;
/* hide it by default */
display: none;
background: #FFFFFF;
border-radius: 24px;
}
.dialog-title {
padding: 23px 0 21px 0;
border-bottom: 1px solid #940096;
}
.dialog-content01 {
padding: 15px 40px 24px;
}
.dialog-content01 h3 {
font-weight: bold;
font-size: 20px;
text-align: left;
margin-bottom: 5px;
}
.dialog-content01 p {
font-size: 15px;
line-height: 1.8;
}
.dialog-content02 {
background-color: #f7e8f1;
padding: 18px 0 22px 0;
border-radius: 0 0 24px 24px;
}
.dialog-content02-txt {
font-size: 16px;
text-align: center;
line-height: 1.8;
}
.dialog-content02 ul {
font-size: 0;
text-align: center;
margin-top: 20px;
}
.dialog-content02 ul li {
display: inline-block;
padding: 0 16px;
}
.dialog-content02 ul li a {
text-decoration: none;
display: block;
color: #fff;
text-align: center;
width: 137px;
height: 42px;
line-height: 42px;
font-size: 18px;
border-radius: 10px;
}
.dialog-content02 ul li:nth-child(1) a {
background-color: #940096;
}
.dialog-content02 ul li:nth-child(2) a {
background-color: #bbbbbb;
}
.dialog-content02 ul li a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.dialog-content01 {
padding: 10px;
}
.dialog-content01 h3 {
font-size: 14px;
margin-bottom: 8px;
}
.dialog-content01 p {
font-size: 10px;
}
.dialog-content02 {
padding: 10px;
}
.dialog-content02-txt {
font-size: 11px;
}
.dialog-content02 ul {
margin-top: 15px;
}
.dialog-content02 ul li {
padding: 0 5px;
}
.dialog-content02 ul li a {
width: 100px;
height: 40px;
line-height: 37px;
}
.dialog-title {
padding: 12px 10px;
}
#dialog-overlay {
position: fixed;
}
#dialog-box .dialog-inner {
background: #fff;
margin: 0 auto;
width: 100%;
}
#dialog-box {
background: none;
left: 0 !important;
width: 100%;
top: 10px !important;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
}
#dialog-box .dialog-inner {
width: 100%;
}
.uc-notes p{
text-align:left;}
}
/*2019年3月改修*/
.sp-link {
display: none;
position: relative;
overflow: hidden;
width: 100%;
}
/*次のページ、前のページ用*/
.pager {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
 -ms-flex-pack: justify;
justify-content: space-between;
}
.pager p {
/*border: 1px solid #e99d40;*/
border-radius: 12px;
/*margin-bottom: 3%;*/
position: relative;
background: #ab1a78;
width: 47%;
}
.pager p a {
color: #fff;
font-weight: bold;
}
.pager .next {
text-align: right;
}
.pager .nav__arrow__ico {
position: static;
}
.pager .next a, .pager .back a {
font-size: 100%;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 50px;
-webkit-box-align: center;
 -ms-flex-align: center;
align-items: center;/* vertical-align: middle; */
}
.pager p.next a {
padding-right: 10%;
-webkit-box-pack: end;
 -ms-flex-pack: end;
justify-content: flex-end;
display: flex;
align-items: center;
}
.pager p.back a {
padding-left: 10%;
}
.pager p.back a::before {
content: "＜ ";
position: absolute;
left: 2%;
top: 28%;
}
.pager p.next a::after {
content: "＞ ";
position: absolute;
right: 2%;
top: 28%
}
.pager .next a:hover, .pager .back a:hover {
opacity: 0.5;
}
/*前のページがないとき*/
.no_back .pager {
-webkit-box-pack: end;
 -ms-flex-pack: end;
justify-content: flex-end;
}
.pager p {
width: 49%;
}
.pager .next a, .pager .back a {
font-size: 120%;
}
@media screen and (max-width: 767px) {


.head-type1 {
text-align: left;
font-size: 1.1rem;
margin-bottom:1em;
}
#anchor3 > .head-type1 {margin-top:30px;}

.faq-image6 p, .faq-image1 p, .faq-image4 p {
display: block;
font-size: 8px;
line-height: 1.4;
text-indent: 0px;
padding-left: 0px;
margin-top: 17px;
text-align: left;
}


.head-type2,.uc-image2 span,.head-type3,.uc-dllist,.uc-image4 h5,.uc-list li h5,.uc-image7 h4,.uc-image10 h4, .uc-image8 h4, .uc-image9 h4,.answer-content p,.iry-box,.iry-image3 h4,.note-list li div span,.label_text {

 font-size: 1.0rem;

}
.label_text span {
 padding-bottom: 3px;
 height:24px
}
.uc-tbl,.note-table thead th,.note-table tbody td,.note-table tbody th {
 font-size: 0.8rem;
}
.block-wrap .block .uc-note,.block-wrap .block .uc-image4 p,.uc-image5 span,.answer-content .note,.iry-box .note,.iry-image3 .text2,.block-wrap .block .note-desc1 {
 font-size: 0.8rem;
}
.uc-image4 .image {
 padding:0 12px;
}
.qa-item p.uc-note {
display: block;
font-size: 8px;
line-height: 1.4;
text-indent: 0px;
padding-left: 0px;
margin-top: 17px;
text-align: left;
}
.pager {
margin-top: 25px;
display: block;

}
.pager p {
 width:100%;
 margin-top: 25px;
}
.pager .next a, .pager .back a {
font-size: 0.90rem;
}
.pager p.back a::before {
content: "＜ ";
position: absolute;
left: 2%;
top: 25%;
}
.pager p.next a::after {
content: "＞ ";
position: absolute;
right: 2%;
top: 25%
}
.tablist li.w300,
.tablist li.w350,
.tablist li.w315 {
 width: 100%;
 padding-right: 0px;
}


.block-wrap .block p,.ct-block p {
 font-size: 0.95rem;
line-height: 1.6;
}
.content-list .box {

 padding: 1em 0;
}
.movie_txt {
 text-align: right;
 margin: 0 5% 5% 0;
}

/*ナビゲーション*/
.foot_nav_link ul li a {
text-decoration: none;
font-size: 1.0rem;
}
.foot_nav_link ul li a:first-child {
border-top: 1px solid #f0f0f0;
}
.foot_nav_link ul li a:last-child {
border-bottom: none;
}
.foot_nav_link ul li a {
background: url(../images/icon-arrow04.png) no-repeat right 15px center;
background-size: 8px 13px;
border: none;
color: #ab1a78;
border-bottom: 1px solid #f0f0f0;
width: 100%;
text-align: left;
display: block;
padding: 14px 0 14px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*リンク
======================================*/
.sp-link {
display: block;
}
.sp-link ul {
float: left;
left: 50%;
position: relative;
width: 100%;
margin: 10px 0 0 0;
}
.sp-link ul li {
float: left;
left: -50%;
position: relative;
width: 50%;
text-align: center;
border-top: 1px solid #CCC;
list-style: none;
}
.sp-link ul li:nth-child(3), .sp-link ul li:nth-child(4) {
border-bottom: 1px solid #CCC;
}
.sp-link ul li a {
display: block;
padding: 10px 0;
color: #000;
font-size: 100%;
text-decoration: none;
}
.sp-link ul li:nth-child(odd) a {
border-right: 1px solid #CCC;
}
.qa-head {
height:80px;
}
.qa-head h2 {
 font-size:1.0rem;
 line-height: 2.0;
}
.uc-block3 h4 {

 font-size: 1.0rem;
}
.block-wrap .block .uc-block3 p {
 font-size: 1.0rem;
}
.block-wrap .block .uc-list li p {
 font-size: 1.0rem;
 width:100%;
}
.block-wrap .block .uc-list li .inner div,
.block-wrap .block .uc-list li .inner div img {
width:100%;
}
/*20190425追加*/
.qa-item .uc-row2 .col{
width: inherit;
}
.qa-item .uc-row3 .col{
width: inherit;
}
.qa-item .uc-row4 .col{
width: inherit;
}
.qa-item .uc-row3 .uc-image6{
width: inherit;
}
.qa-item .uc-image8 ul li{
width: inherit;
}
/*クローン病のついてsp時の2行処理*/
.qa-item .line_2{
height: 50px;
 padding-top: 4px;
}
.qa-item h2.line_2{
}
.block-wrap .block .uc-notes p {
 font-size: 0.8rem;
}
}
 @media screen and (max-width: 360px) {
.pager .next a, .pager .back a {
font-size: 90%;
}
.block-wrap .block .uc-list li div img {
width: 114px;
}
}

/*movieの処理*/
.media{
max-width: 800px;
 margin: 0 auto;
 padding: 0 0 0 0;
}
.movie{
 width: 100%;
 padding: 56.25% 0 0 0;
 position: relative;
}
.movie2{
 width: 100%;
 padding: 56.25% 0 0 0;
 position: relative;
}
.movie iframe{
 width: 100% !important;
 height: 100% !important;
 position: absolute;
 top: 0;
 right: 0;
}

/*クローン病のついてsp時の2行処理*/
.movie_txt{
font-size: 1.0rem!important;
text-align:right;
margin: 30px 30px 0 0;
}
@media screen and (max-width: 767px) {
.movie_txt{
text-align:right;
margin: 0 5% 5% 0;
font-size: 1.0rem!important;
}
.movie_banner{
margin-top:10px;
}

.tou-support-item{display:block;margin:1em 0;width:90%;margin:0 auto;}


}

/*movie_banner*/
@media screen and (max-width: 320px) {
.uc-box .left img{
width: 105px;
}
}

/*指定難病の医療費助成制度*/

.iryouhi_movie .catchtitle,
.about_movie .catchtitle {
background-color: #f7e8f1;
border-radius: 12px;
font-weight: bold;
color: #ab1a78;
padding: 18px 30px 14px 30px;
display: block;
font-size: 162%;
margin: 60px auto 24px auto;
line-height: 1;
text-align: left;
}
.iryouhi_movie .supervision {
text-align: center;
font-size: 120%;
}
.iryouhi_movie p {
line-height: 1.8;
}
.iryouhi_movie .under__content__middle__section {
margin: 30px;
}
.under__content__middle__section > p {
font-size: 120%;
}
@media screen and (max-width: 767px) {
.iryouhi_movie .catchtitle {
 font-size: 1.15rem;
 padding: 18px 20px 14px 20px;
 line-height: 1.5;
}
.iryouhi_movie .under__content__middle__section {
 margin: 30px 0;
}
}