@charset "utf-8";
/* CSS Document */

html {
  font-size:14px;
}

body{
  font-family: /*-apple-system, BlinkMacSystemFont, 'Helvetica Neue', */'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
  line-height:100%;
  background-color:#FFF;
  color:#3E3A39;
  text-align:center;
}

img{
  outline:none;
  border-style:none;
}

a {
  color:#3E3A39;
  border:none;
}

a:hover,
button:hover {
  cursor:pointer;
  opacity:0.7;
}

p {
  line-height:180%;
  text-align:left;
}

.SA-Section_Inner {
  clear:both;
  margin:0 auto 0 auto;
  padding:0 20px 30px 20px;
}

.SA-List_3column li {
  width:100%;
  display:block;
}

/*-- Text --*/

.SA-Tx_Em {
  font-weight:bold;
  color:#0C6BB0;
}

.SA-Tx_ColorB {
  color:#3a3f83;
}

.SA-Tx_Subtitle {
  font-weight:bold;
  font-size:16px;
  font-size:1.14rem;
  line-height:150%;
}

.SA-Tx_Caption {
  font-weight:bold;
  font-size:16px;
  font-size:1.14rem;
  line-height:150%;
}

.SA-Tx_Info {
  font-weight:normal;
  font-size:12px;
  font-size:0.85rem;
  line-height:150%;
}

.SA-Tx_Heading,
.SA-Tx_HeadingTab  {
  font-weight:bold;
  line-height:160%;
  font-size:22px;
  font-size:1.57rem;
  padding:20px 20px 0 20px;
}

.SA-Tx_Heading::after {
  position: absolute;
  left: 50%;
  display:block;
  content:" ";
  width: 200px;
  height:3px;
  background-color:#0C6BB0;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top:8px;
}

.SA-Tx_Heading_ColorB::after {
  position: absolute;
  left: 50%;
  display:block;
  content:" ";
  width: 200px;
  height:3px;
  background-color:#3a3f83;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top:8px;
}

.SA-Tx_HeadingTab {
  padding-bottom:25px;
}

.SA-Tx_HeadingTab span {
  padding-bottom:5px;
  border-bottom:3px solid #0C6BB0;
}

/*-- Button --*/

.SA-Btn {
  display:inline-block;
  background-color:#0c6baf;
  color:#FFF;
  font-size:18px;
  font-size:1.28rem;
  text-align:center;
  border:none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 0px 0px 9px #767676;
  -webkit-box-shadow: 0px 0px 9px #767676;
  box-shadow: 0px 0px 9px #767676;
  padding:10px 60px;
  margin:25px 15px 0 15px;
  line-height:140%;
}

.SA-Btn_ColorB {
  background-color:#3a3f83;
}

.SA-Btn_Detail {
  background-image:url(../img/icon_Arrow.svg);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:right 15px center;
}


.SA-Btn_Doc {
  background-image:url(../img/icon_Arrow.svg),url(../img/icon_Document.svg);
  background-repeat:no-repeat,no-repeat;
  background-size:26px 26px,23px 30px;
  background-position:right 20px center,20px center;
}

.SA-Btn_Inq {
  background-image:url(../img/icon_Arrow.svg),url(../img/icon_Inquiry.svg);
  background-repeat:no-repeat,no-repeat;
  background-size:26px 26px,25px 32px;
  background-position:right 20px center,20px center;
}

.SA-Link {
  display:inline-block;
  background-image:url(../img/icon_ArrowB.svg);
  background-repeat:no-repeat;
  background-size:16px 16px;
  background-position:right center;
  padding:5px 25px 5px 0;
  font-weight:normal;
}

/*-- Image --*/


.SA-Icon {
  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;
  width:120px;
  height:120px;
  background-color:#6EC3EE;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  margin:0 auto 0 auto;
}

.SA-Movie {
  background-color:#000;
  -moz-box-shadow: 0px 0px 9px #767676;
  -webkit-box-shadow: 0px 0px 9px #767676;
  box-shadow: 0px 0px 9px #767676;
  width:100%;
}


@media (min-width: 481px) {
/*幅481px以上で適用されるスタイル*/

  .SA-List_3column li {
    width:310px;
    display:inline-block;
    margin:0 35px 0 35px;
    vertical-align:top;
  }

}

@media (min-width: 601px) {
/*幅601px以上で適用されるスタイル*/


}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  .SA-Section_Inner {
    margin:0 auto 0 auto;
    padding:0 20px 50px 20px;
  }

  /*-- Text --*/
  
  .SA-Tx_Caption {
    font-weight:bold;
    font-size:20px;
    font-size:1.42rem;
  }

  .SA-Tx_Heading,
  .SA-Tx_HeadingTab  {
    font-size:30px;
    font-size:2.14rem;
    padding:50px 20px 0 20px;
  }

  .SA-Tx_Heading::after {
    height:4px;
    margin-top:10px;
  }

  .SA-Tx_HeadingTab {
    padding-bottom:35px;
  }

  .SA-Tx_HeadingTab span {
    padding-bottom:10px;
    border-bottom:4px solid #0C6BB0;
  }

  /*-- Button --*/

  .SA-Btn {
    font-size:22px;
    font-size:1.57rem;
    padding:15px 60px;
  }

  .SA-Btn_Detail {
    padding:8px 50px;
    font-size: 18px;
    font-size: 1.28rem;
  }

}

@media (min-width: 1281px) {
/*幅1281px以上で適用されるスタイル*/

  .SA-Section_Inner {
    max-width:1200px;
  }

}

/* Section Header
-------------------------------------------------------*/

#GbHeader {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  z-index: 98;
  width: 100%;
  height:60px;
  text-align:left;
  background-color:#FFF;
  clear:both;
}

#GbHeader-Logo {
  display:inline-block;
  margin-top:15px;
  width:116px;
}

.GbHeader-Check {
  display: none;
}

.GbHeader-Nav_Menu {
  background: #FFF;
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 99;
  visibility: hidden;
  padding-bottom:15px;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.GbHeader-Nav_Menu li {
  font-size:16px;
  font-size:1.14rem;
  text-align:center;
  line-height:150%;
  margin:10px 20px 0 20px;
}
 
.GbHeader-Nav_Menu li a {
  display: block;
  text-decoration: underline;
}
 
.GbHeader-Check:checked ~ .GbHeader-Nav_Menu {
  visibility: visible;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all .5s .1s cubic-bezier(0, 0, .2, 0);
  -moz-transition: all .5s .1s cubic-bezier(0, 0, .2, 0);
  transition: all .5s .1s cubic-bezier(0, 0, .2, 0);
}
 
.GbHeader-Check ~ .GbHeader-Modal {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  opacity: .1;
  position: fixed;
  top: 60px;
  z-index: 97;
  visibility: hidden;
  webkit-transition: visibility 0 linear .4s, opacity .4s;
  -moz-transition: visibility 0 linear .4s, opacity .4s;
  transition: visibility 0 linear .4s, opacity .4s;
  webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
 
.GbHeader-Check:checked ~ .GbHeader-Modal {
  opacity: 1;
  webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
  visibility: visible;
}

.GbHeader-IconHm {
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
  position: fixed;
  right:20px;
  top:10px;
  text-align: center;
  z-index: 99;
}
 
.GbHeader-IconHm span {
  width: 40px;
  height: 3px;
  display: block;
  background: #595757;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
 
.GbHeader-IconHm .top {
  -webkit-transform: translateY(-13px);
  -ms-transform: translateY(-13px);
  transform: translateY(-13px);
}
 
.GbHeader-IconHm .bottom {
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  transform: translateY(13px);
}
 
.GbHeader-Check:checked + .GbHeader-Btn .middle {
  background: rgba(51, 51, 51, 0)!important;
}
 
.GbHeader-Check:checked + .GbHeader-Btn .top {
  -webkit-transform: rotate(-45deg) translateY(0px);
  -ms-transform: rotate(-45deg) translateY(0px);
  transform: rotate(-45deg) translateY(0px);
}
 
.GbHeader-Check:checked + .GbHeader-Btn .bottom {
  -webkit-transform: rotate(45deg) translateY(0px);
  -ms-transform: rotate(45deg) translateY(0px);
  transform: rotate(45deg) translateY(0px);
}

@media (min-width:961px) {

  #GbHeader-Logo {
    float:left;
  }

  .GbHeader-Nav {
    position: relative;
    text-align:right;
    float:right;
  }

  .GbHeader-Btn {
    display: none;
  }

  .GbHeader-Nav_Menu {
    background-color: inherit;
    width:auto;
    position: static;
    overflow: visible;
    padding-bottom:0;
    visibility: visible;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }

  .GbHeader-Nav_Menu li {
    display:inline-block;
    margin: 25px 0 0 10px;
    /*font-size:14px;
    font-size:1rem;*/
    font-size:12px;
    font-size:0.857rem;
  }

}

@media (min-width:1051px) {

  .GbHeader-Nav_Menu li {
    display:inline-block;
    margin: 25px 0 0 10px;
    font-size:13px;
    font-size:0.928rem;
  }

}

@media (min-width:1200px) {

  .GbHeader-Nav_Menu li {
    margin: 25px 0 0 15px;
    /*font-size:16px;
    font-size:1.14rem;*/
    font-size:14px;
    font-size:1rem;
  }

}

/* Section Top
-------------------------------------------------------*/

#SA-SectTop {
  width:100%;
  margin:60px auto 0 auto;
  background-color: #FFF;
  background-image:url(../img/Bg_Topimg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
}

#SA-SectTop_Contents {
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  text-align:center;
  padding-top:20px;
}

#SA-SectTop_TextTitle {
  font-size:24px;
  font-size:1.71rem;
  line-height:150%;
  /*text-shadow:#FFF 0 0 10px;*/
  text-shadow: 
    #FFF 1px 1px 1px, #FFF -1px 1px 1px,
    #FFF 1px -1px 1px, #FFF -1px -1px 1px;
  text-shadow: 
    #FFF 1px 1px 0, #FFF -1px 1px 0,
    #FFF 1px -1px 0, #FFF -1px -1px 0;
}

#SA-SectTop_Logo {
  width:300px;
}

#SA-SectTop_TextGp {
  margin-top:20px;
  font-size:18px;
  font-size:1.28rem;
  line-height:150%;
  text-shadow: 
    #FFF 1px 1px 1px, #FFF -1px 1px 1px,
    #FFF 1px -1px 1px, #FFF -1px -1px 1px;
  text-shadow: 
    #FFF 1px 1px 0, #FFF -1px 1px 0,
    #FFF 1px -1px 0, #FFF -1px -1px 0;
}

#SA-SectTop_TextGp span {
  font-weight:normal;
  font-size:18px;
  font-size:1.28rem;
}

#SA-SectTop_Circle {
}

#SA-SectTop_Circle li {
  display:inline-block;
  vertical-align:top;
  margin:10px 15px 0 0;
}

#SA-SectTop_CircleGrandPrix {
  width:105px;
  height:101px;
}

.SA-SectTop_CircleRecord {
  box-sizing:border-box;
  width:100px;
  height:100px;
  border:3px solid #0C6BB0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  background-color:rgba(255,255,255,0.7);
  color:#0C6BB0;
  font-weight:bold;
  font-size:16px;
  font-size:1.14rem;
  line-height:160%;
  text-align:center;
}

.SA-SectTop_CircleRecord span {
  display:block;
}

.SA-SectTop_CircleTxCaption {
  font-size:14px;
  font-size:1rem;
  margin-top:12px;
}

.SA-SectTop_CircleTxNumber {
  font-size:26px;
  font-size:1.85rem;
}

.SA-SectTop_CircleTxNumberS {
  font-size:22px;
  font-size:1.57rem;
}

@media (min-width: 481px) {
/*幅481px以上で適用されるスタイル*/

  #SA-SectTop_TextTitle {
    font-size:28px;
    font-size:2rem;
    line-height:160%;
  }
}

@media (min-width: 601px) {
/*幅601px以上で適用されるスタイル*/

  #SA-SectTop {
    padding-top:60px;
  }

  #SA-SectTop_Contents {
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    text-align:left;
    padding-top:0;
  }

  #SA-SectTop_Contents .SA-Section_Inner {
    padding:0 40px 30px 40px;
  }

}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  #SA-SectTop {
    padding-top:120px;
  }

  #SA-SectTop_TextTitle {
    font-size:40px;
    font-size:2.85rem;
    line-height:160%;
    text-shadow:#FFF 0 0 10px;/**/
  }

  #SA-SectTop_Logo {
    width:400px;
  }

  #SA-SectTop_TextGp {
    margin-top:20px;
    font-size:20px;
    font-size:1.42rem;
    line-height:160%;
    text-shadow:#FFF 0 0 10px;/**/
  }

  #SA-SectTop_Circle li {
    display:inline-block;
    vertical-align:top;
    margin:10px 15px 0 0;
  }

  #SA-SectTop_CircleGrandPrix {
    width:170px;
    height:163px;
  }

  .SA-SectTop_CircleRecord {
    width:160px;
    height:160px;
    border:5px solid #0C6BB0;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    font-size:30px;
    font-size:2.14rem;
    line-height:145%;
  }

  .SA-SectTop_CircleTxCaption {
    font-size:22px;
    font-size:1.57rem;
    margin-top:12px;
  }

  .SA-SectTop_CircleTxNumber {
    font-size:44px;
    font-size:3.14rem;
  }

  .SA-SectTop_CircleTxNumberS {
    font-size:34px;
    font-size:2.42rem;
  }

}

@media (min-width: 1281px) {
/*幅601px以上で適用されるスタイル*/

  #SA-SectTop_Contents .SA-Section_Inner {
    padding:0 20px 30px 20px;
  }

}

/* Section Information
-------------------------------------------------------*/

#SA-SectInformation {
  margin:40px 5px 0 5px;
  border:4px solid #5f90cc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#SA-SectInformation h1.SA-Tx_Heading::after {
  background-color:initial;
}

#SA-SectInformation .SA-Tx_HeadingInformation {
  font-size:26px;
  font-size:1.857rem;
}

#SA-SectInformation_inner {
  margin:45px 0 0 0;
}

#SA-SectInformation p {
  margin:25px 0 0 0;
}

.SA-SectInformation_Note {
  text-align:center;
  font-weight:bold;
  color:#e94816;
  font-size:18px;
  font-size:1.285rem;
}

#SA-SectInformation dl {
  text-align:left;
  margin:10px auto 0 auto;
  display:inline-block;
  font-weight:bold;
}

#SA-SectInformation dl dt {
  font-size:18px;
  font-size:1.285rem;
  margin:25px 0 0 0;
  padding:0 5px 12px 5px;
  border-bottom:1px solid #79a7d9;
}

#SA-SectInformation dl dd {
  font-size:14px;
  font-size:1rem;
  line-height:150%;
  margin:10px 0 0 0;
}

#SA-SectInformation .SA-Btn {
  margin-top:25px;
}

@media (min-width: 481px) {

  #SA-SectInformation {
    margin:50px 10px 0 10px;
   }

  #SA-SectInformation_inner {
    margin:55px 5px 0 5px;
  }

  #SA-SectInformation dl {
    margin:10px auto 0 auto;
  }

  #SA-SectInformation dl dt {
    font-size:20px;
    font-size:1.428rem;
    margin:33px 0 0 0;
    padding:0 5px 15px 5px;
  }

  #SA-SectInformation dl dd {
    font-size:16px;
    font-size:1.142rem;
    margin:10px 0 0 0;
  }

}

@media (min-width: 961px) {
/*
  #SA-SectInformation h1.SA-Tx_Heading {
    font-size:28px;
    font-size:2rem;
  }
*/
  #SA-SectInformation {
    max-width:960px;
    margin:50px auto 0 auto;
  }

  #SA-SectInformation_inner {
    margin:55px 25px 0 25px;
  }

}


/* Section Feature
-------------------------------------------------------*/

#SA-SectFeature {
}

#SA-SectFeature .SA-Tx_Heading::after {
  background-color:transparent;
}

#SA-SectFeature .SA-Tx_Heading .SA-Tx_Em {
  font-size:30pxpx;
  font-size:2.14rem;
}

#SA-SectFeature .SA-Tx_Subtitle {
  text-align:center;
  margin-top:30px;
  line-height:200%;
}

#SA-SectFeature h2.SA-Tx_Caption {
  margin-top:15px;
}

.SA-List_Feature li {
  margin-top:50px;
}


.SA-List_Feature p {
  margin-top:10px;
}

.SA-List_FeatureImg {
  display:none;
}

.SA-List_FeatureMovie {
  margin-top:15px;
}

.SA-Icon_Feature1 img {
  width:76px;
  height:77px;
}

.SA-Icon_Feature2 img {
  width:82px;
  height:84px;
}

.SA-Icon_Feature3 img {
  width:87px;
  height:88px;
}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  #SA-SectFeature .SA-Tx_Heading .SA-Tx_Em {
    font-size:36pxpx;
    font-size:2.57rem;
  }

  .SA-List_FeatureImg {
    display:block;
    width:100%;
    margin-top:20px;
  }

  .SA-List_FeatureMovie {
    width:100%;
    margin-top:0;
  }

}

/* Section Workstyle
-------------------------------------------------------*/

#SA-SectWorkstyle {
  background-color:#D8EEFB;
}

#SA-SectWorkstyle .SA-Section_Inner {
  margin-top:45px;
}


.SA-SectWorkstyle_List {
}

.SA-SectWorkstyle_List li {
  display:inline-block;
  text-align:center;
  margin:0 25px 0 25px;
}

.SA-SectWorkstyle_List p {
  margin-top:25px;
  line-height:150%;
  text-align:center;
}

.SA-SectWorkstyle_List .SA-Icon {
  margin-top:10px;
}

.SA-Icon_OfficeHome img {
  width:75px;
  height:69px;
}

.SA-Icon_OnlineOffline img {
  width:97px;
  height:82px;
}

.SA-Icon_CloudSystem img {
  width:84px;
  height:80px;
}

.SA-Icon_MultiDevice img {
  width:80px;
  height:68px;
}

.SA-Icon_Work img {
  width:74px;
  height:71px;
}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  #SA-SectWorkstyle .SA-Section_Inner {
    margin-top:55px;
  }

  .SA-SectWorkstyle_List p {
    margin-top:40px;
  }

  .SA-SectWorkstyle_List .SA-Icon {
    margin-top:15px;
  }

}


/* Section Security
-------------------------------------------------------*/

#SA-SectSecurity {
  background-color:#D8EEFB;
}

#SA-SectSectSecurity .SA-Section_Inner {
  margin-top:45px;
}

.SA-SectSecurity_List {
  margin:50px auto 0 auto;
  text-align:center;
}

.SA-SectSecurity_List li {
  display:inline-block;
  text-align:center;
  margin:0 25px 0 25px;
  max-width:450px;
}

.SA-SectSecurity_List li p {

}

.SA-SectSecurity_List li span {
  display:block;
}

.SA-SectSecurity_List li span.CaptionSecond {
  margin-top:25px;
}

.SA-SectSecurity_ListImg {
  margin-top:20px;
}

.SA-SectSecurity_ListImg img {
  width:100%;
}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  .SA-SectSecurity_List li span.CaptionSecond {
    margin-top:0;
  }

}

/* Section Guideline
-------------------------------------------------------*/

#SA-SectGuideline {
}

.SA-SectGuideline_Product {
  width:100%;
  margin:0 auto 0 auto;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size:cover;
  text-align:center;
}

.SA-SectGuideline_ProductSSB {
  /*background-image:url(../img/Bg_SSB.png);*/
  background-color:#EFF8FE;
}

.SA-SectGuideline_ProductWB {
  /*background-image:url(../img/Bg_WB.png);*/
  background-color:#D8EEFB;
}

.SA-SectGuideline_ProductSSD {
  /*background-image:url(../img/Bg_SSD.png);*/
  margin:45px auto 0 auto;
  background-color:#FFF;
}

.SA-SectGuideline_Contents {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0) 85%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0) 85%);
  background: linear-gradient(180deg, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.SA-SectGuideline_TextBox {
  padding:30px 0 0 0;
}

.SA-SectGuideline_MovieBox {
  padding:30px 0 0 0;
  text-align:center;
}

.SA-SectGuideline_Product h2 {
  font-size:20px;
  font-size:1.42rem;
  font-weight:bold;
  color:#0C6BB0;
  background-image:url(../img/icon_SSB.svg);
  background-repeat: no-repeat;
  background-position:left center;
  background-size:50px 50px;
  line-height:280%;
  padding-left:70px;
  text-align:left;
}

.SA-SectGuideline_Product h2 img {
  margin-top:20px;
}

.SA-SectGuideline_ProductWB h2 {
  background-image:url(../img/icon_SSW.svg);
  background-size:50px 42px;
}

.SA-SectGuideline_ProductSSD h2 {
  background-image:url(../img/icon_SSD.svg);
  background-size:49px 45px;
}

.SA-SectGuideline_Product p {
  margin-top:15px;
}

.SA-SectGuideline_Keyword {
}

.SA-SectGuideline_Keyword li {
  display:inline-block;
  vertical-align:top;
  margin:0 5px 0 5px;
}

.SA-SectGuideline_Keyword p {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color:#6EC3EE;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width:170px;
  height:60px;
  text-align:center;
  font-weight:bold;
  line-height:130%;
}

.SA-SectGuideline_DetailLink {
  text-align:center;
}

.SA-SectGuideline_DetailLinkPc {
  display:none;
  margin-top:20px;
}

.SA-SectGuideline_DetailLinkSp {
  display:block;
  margin-top:10px;
}

@media (min-width: 481px) {
/*幅481px以上で適用されるスタイル*/

  .SA-SectGuideline_MovieBox {
    width:310px;
    margin:0 auto 0 auto;
  }

}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  .SA-SectGuideline_Contents {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 60%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 60%);
    background: linear-gradient(90deg, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  }

  .SA-SectGuideline_Product .SA-Section_Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .SA-SectGuideline_Product h2 {
    font-size:24px;
    font-size:1.7rem;
  }

  .SA-SectGuideline_Product p {
    margin-top:20px;
  }

  .SA-SectGuideline_DetailLinkPc {
    display:block;
  }

  .SA-SectGuideline_DetailLinkSp {
    display:none;
  }

  .SA-SectGuideline_MovieBox {
    text-align:left;
    margin:20px 20px 0 60px;
  }

  .SA-SectGuideline_Keyword p {
    width:250px;
    height:70px;
    text-align:center;
    font-size:18px;
    font-size:1.29rem;
  }

}

/* Section Report
-------------------------------------------------------*/

#SA-SectReport {
}

#SA-SectReport .SA-Section_Inner {
  margin-top:45px;
}

.SA-Icon_Report img {
  width:62px;
  height:69px;
}

#SA-SectReport p {
  padding-top:20px;
}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/
  #SA-SectReport .SA-Section_Inner {
    margin-top:55px;
  }

  .SA-Icon_Report {
    float:left;
    margin-right:20px;/**/
  }

  #SA-SectReport p {
    background-image:url(../img/Bg_Report.png);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:320px 200px;
    padding-right:340px;
    min-height:200px;
  }

}

/* Section Problem
-------------------------------------------------------*/

#SA-SectProblem {
  background-color:#D8EEFB;
}

.SA-List_Problem {
}

.SA-List_Problem li {
  text-align:left;
  margin-top:50px;
  background-position:right bottom,center bottom;
  height:385px;
}

.SA-List_Problem li:first-child {
  margin-top:40px;
}

.SA-List_Problem1 {
  background-image:url(../img/Icon_Problem1.svg),url(../img/Bg_Problem1.png);
  background-repeat:no-repeat,no-repeat;
  background-size:101px 350px,100%;
}

.SA-List_Problem2 {
  background-image:url(../img/Icon_Problem2.svg),url(../img/Bg_Problem2.png);
  background-repeat:no-repeat,no-repeat;
  background-size:101px 350px,100%;
}

.SA-List_Problem3 {
  background-image:url(../img/Icon_Problem3.svg),url(../img/Bg_Problem3.png);
  background-repeat:no-repeat,no-repeat;
  background-size:78px 350px,100%;
}
.SA-List_Problem li h2 {
  text-align:center;
}

.SA-SectProblem_TextQuestion {
  position: relative;
  display:inline-block;
  text-align:left;
  background-color:#6EC3EE;
  font-size:16px;
  font-size:1.14rem;
  font-weight:bold;
  padding:7px 10px;
  margin-top:25px;
}

.SA-SectProblem_TextQuestion::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 20px solid #6EC3EE
}

.SA-SectProblem_TextAnswer {
  margin-top:10px;
}

.SA-SectProblem_TextFunding {
  text-align:left;
  line-height:160%;
  font-weight:bold;
}

.SA-SectProblem_TextFunding dt {
  margin-top:35px;
}

.SA-SectProblem_TextFunding dd {
  margin-top:10px;
}

#SA-SectProblem .SA-Tx_Info {
  margin-top:10px;
  font-weight:normal;
}

@media (min-width: 481px) {
/*幅481px以上で適用されるスタイル*/

  .SA-List_Problem li {
    margin-top:55px;
  }

  .SA-List_Problem li:first-child {
    margin-top:55px;
  }

  .SA-SectProblem_TextQuestion {
    margin-top:40px;
  }

  .SA-SectProblem_TextAnswer {
    margin-top:20px;
  }

  .SA-SectProblem_TextFunding {
    display:inline-block;
    font-size:16px;
    font-size:1.14rem;
  }

}

/* Section Case
-------------------------------------------------------*/

#SA-SectCase {
}

#SA-SectCase_List {
}

#SA-SectCase_List li {
  display:inline-block;
  margin:25px 20px 0 20px;
}

#SA-SectCase_List li:first-child {
  margin-top:35px;
}

#SA-SectCase_List li img {
  width:300px;
  height:130px;
  border:1px solid #9FA0A0;
  -moz-box-shadow: 0px 0px 9px #B5B5B6;
  -webkit-box-shadow: 0px 0px 9px #B5B5B6;
  box-shadow: 0px 0px 9px #B5B5B6;
}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  #SA-SectCase_List {
    margin-top:25px;
  }

}

/* Section Media
-------------------------------------------------------*/

#SA-SectMedia {
  background-color:#EFEFEF;
}

.SA-SectMedia_Label {
  background-color:#FFF;
  cursor:pointer;
  display:inline-block;
  width:50%;
  float:left;
}

input[name="SA-SectMedia_Tab"],
  #SA-SectMedia_TabMedia ~ .SA-Section_InnerMedia,
  #SA-SectMedia_TabEvent ~ .SA-Section_InnerEvent {
  display: none;
}

#SA-SectMedia_TabMedia:checked ~ .SA-Section_InnerMedia,
#SA-SectMedia_TabEvent:checked ~ .SA-Section_InnerEvent {
  display: block;
}

input[name="SA-SectMedia_Tab"]:checked + .SA-SectMedia_Label {
  background-color: #EFEFEF;
  cursor:default;
}

#SA-SectMedia_ListMedia {
  text-align:left;
  margin:0 auto 0 auto;
  clear:both;
}

#SA-SectMedia_ListMedia li {
  display:block;
  text-align:left;
  padding-top:25px;
  clear:both;
}

#SA-SectMedia_ListMedia li img {
  border:1px solid #7D7D7D;
  width:112px;
  height:67px;
  margin-right:15px;
  float:left;
}

#SA-SectMedia_ListMedia li p {
  font-weight:bold;
  line-height:150%;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

#SA-SectMedia_ListEvent {
  padding-top:10px;
}

#SA-SectMedia_ListEvent li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align:left;
  margin-top:25px;
}


#SA-SectMedia_ListEvent li .SA-Icon {
  width:80px;
  height:80px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color:#FFF;
  font-weight:bold;
  font-size:20px;
  font-size:1.42rem;
  line-height:130%;
  text-align:center;
  -ms-flex-negative:0;
  flex-shrink: 0;
  margin:0 15px 0 0;
}

#SA-SectMedia_ListEvent dl {
}

#SA-SectMedia_ListEvent dl dt {
  font-weight:bold;
  line-height:140%;
}

#SA-SectMedia_ListEvent dl dd {
  line-height:140%;
  margin-top:3px;
}

.SA-SectMedia_TextEventLink {
  text-align:center;
  font-size:18px;
  font-size:1.285rem;
  padding-top:50px;
}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  #SA-SectMedia_ListMedia {
   margin-top:40px;
  }

  #SA-SectMedia_ListMedia li {
    display:inline-block;
    width:49%;
    vertical-align:top;
    padding-top:40px;
  }

  #SA-SectMedia_ListMedia li img {
    width:224px;
    height:134px;
  }

  #SA-SectMedia_ListMedia li p {
    font-size:16px;
    font-size:1.14rem;
    line-height:160%;
    margin-right:15px;
  }

  #SA-SectMedia_ListEvent {
    padding-top:25px;
  }

  #SA-SectMedia_ListEvent li {
    margin-top:35px;
  }

  #SA-SectMedia_ListEvent li .SA-Icon {
    width:120px;
    height:120px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    font-size:28px;
    font-size:2rem;
    line-height:140%;
  }

  #SA-SectMedia_ListEvent dl dt {
    font-size:16px;
    font-size:1.14rem;
  }

}

/* Section Inquiry
-------------------------------------------------------*/

#SA-SectInq {
  width:100%;
  background-color: #FFF;
  background-image:url(../img/Bg_Inquiry.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  margin-top:50px;
}

#SA-SectInq .SA-Section_Inner {
  padding:15px 20px 45px 20px;
}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  #SA-SectInq .SA-Section_Inner {
    padding:35px 20px 65px 20px;
  }

}

/* Section Banner
-------------------------------------------------------*/

#SA-SectBanner {
  text-align:center;
}

.SA-SectBanner_Inner {
  max-width:960px;
  margin:50px auto 50px auto;
}

.SA-SectBanner_Inner img {
  width:100%;
}


/* Section Footer
-------------------------------------------------------*/

#SA-SectFooter {
  line-height:130%;
  margin:30px 0 0 0;
  padding:0 20px 30px 20px;
}

@media (min-width: 961px) {
/*幅961px以上で適用されるスタイル*/

  #SA-SectFooter {
    line-height:130%;
    margin:50px 0 0 0;
    padding:0 20px 50px 20px;
  }

}

/* Modal
-------------------------------------------------------*/

.Modal-Content {
  position:fixed;
  display:none;
  z-index:12;
  margin:0;
  background-color:transparent;
  text-align:center;
}

.Modal-Overlay {
  z-index:10;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(30,30,30,0.75);
}

.Modal-Open {
}

.Modal-Open:hover {
  cursor:pointer;
}

.Modal-Close {
}

.Modal-Close:hover {
  cursor:pointer;
}

.Modal-Content iframe,
.Modal-Content video {
  display:block;
  width:400px;
  height:225px;
  -moz-box-shadow: 0px 0px 15px #494949;
  -webkit-box-shadow: 0px 0px 15px #494949;
  box-shadow: 0px 0px 15px #494949;
}

.Modal-Content .SA-Btn {
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

@media (min-width: 481px) {
/*幅481px以上で適用されるスタイル*/

  .Modal-Content iframe,
  .Modal-Content video {
    width:480px;
    height:270px;
  }

}