@charset "utf-8";


.u-text-c-blue3{
  color:#0078D0;
}
.p-column{
  background:#EBF5FC;
}
.c-title._h2.u-text-c-blue3:after, .c-title._h2.u-text-c-blue3:before {
  height: 0;
  background: #FFF;
}
.u-border-radius{
  border-radius: 5px;
}
.u-shadow{
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.35);
}
.l-box.u-bgcolor-gray ul.c-list._style-none li{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px #CCC solid;
  word-break: break-all;
}
.l-box.u-bgcolor-gray ul.c-list._style-none li:nth-last-child(1){
  border-bottom: none;
}
.l-box.u-bgcolor-gray ul.c-list._style-none li strong{
  display: inline-block;
  margin-right: 1em;
}
@media only screen and (max-width:767px){
  .l-box.u-bgcolor-gray ul.c-list._style-none li strong{
    display: block;
    margin-right: 0;
  }
}
.c-button.bnt-blu {
  color:#FFF;
  background: #0078D0;
  border: none;
  border-radius: 30px;
}
.c-button.bnt-blu:hover {
  background: #0163ab;
}
.c-button.bnt-blu02 {
  color:#0078D0;
  background: #FFF;
  border: #0078D0 2px solid;
  border-radius: 30px;
}
.c-button.bnt-blu02:hover {
  color: #0163ab;
  border: #0163ab 2px solid;
}
.principles .u-shadow{
  position: relative;
  height: 100%;
  background: #FFF;
}
.principles .u-bgb{
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 10;
}
.principles .u-bgb span{
  background: #0078D0;
  padding: 0.1em 0.5em;
  color: #FFF;
  font-weight: bold;
  border-radius: 5px 0 5px 0;
}
.principles .p-itembox_image{
  position: relative;
}
.principles .p-itembox_image:after{
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  bottom: -30px;
  left: 0;
}
@media only screen and (max-width:767px){
  .principles .p-itembox_image:after{
    bottom: -20px;
    left: 0;
  }
}
.principles>:nth-child(1) .p-itembox_image:after{
  background: url(/group/privacy_guide/images/icon-01.png);
}
.principles>:nth-child(2) .p-itembox_image:after{
  background: url(/group/privacy_guide/images/icon-02.png);
}
.principles>:nth-child(3) .p-itembox_image:after{
  background: url(/group/privacy_guide/images/icon-03.png);
}
.principles>:nth-child(4) .p-itembox_image:after{
  background: url(/group/privacy_guide/images/icon-04.png);
}
.principles>:nth-child(5) .p-itembox_image:after{
  background: url(/group/privacy_guide/images/icon-05.png);
}

.p-comments__accordion .is-close .p-column{
  display:none;
}
.p-comments__accordion .is-open .p-column{
  display:block;
}
.p-comments__accordion .p-column{
  padding-top: 120px;
    background-image: url(/group/privacy_guide/images/img_01-1.png);
    background-repeat: no-repeat;
    background-position: 9% 3%;
}
.p-comments__accordion-button{
  background-color:#fff;
  border:none;
  color:#0078D0;
  cursor:pointer;
  display:block;
  font-weight:700;
  margin:35px auto 0;
  min-width:min(260px,100%);
  outline:none;
  padding:12px 40px;
  position:relative;
  transition:color .3s,background-color .3s;
}
.p-comments__accordion-button:focus-visible{
  /* outline-offset: 10px; */
  outline-style: solid;
  outline-width: 2px;
  outline-color: #000;
}
.p-comments__accordion-button:after{
  position: absolute;
  color:#0078D0;
  bottom: -20%;
  left: 0;
  right: 0;
  font-weight: 400;
  font-family: anagroup-icons;
  font-style: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\EA17";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p-comments__accordion-button.is-open:after{
  transform: rotateX(180deg);
}
.p-comments__accordion-button.is-open .close{
  display: block;
}
.p-comments__accordion-button.is-open .open{
  display: none;
}
.p-comments__accordion-button.is-close .close{
  display: none;
}
.p-comments__accordion-button.is-close .open{
  display: block;
}

h2.c-title._h3{
  padding: 25px 25px 25px 50px;
  background: #EBF5FC;
  border-radius: 5px;
}
h2.c-title._h3:before {
  top: 25%;
  left: 30px;
  width: 2px;
  height: 50%;
  background: #1D88D5;
}

.qa {
  background: #fff;
}
.answer {
  color: #0078D0;
}

.u-border-dotd {
  border: 3px dotted #1F89D6;
}
.title-bgb{
  background:#0078D0;
  color:#FFF;
}