@charset "utf-8";
/* CSS Document */
/*--------------------------------------
　Main Index
---------------------------------------*/
.contents {
 width: 100%;
}
/*--------------------------------------
　visArea
---------------------------------------*/
#visArea.visArea--top .mainArea { 
 background: url("img/mv_pic_pc.jpg") no-repeat center;
 background-size: cover;
 min-height: 480px;
}
#visArea.visArea--top .mainArea .mainAreaInner {
/*  background: url("img/mv_pic_pc.jpg") no-repeat right top ; */
 display: block;
 max-width: 1100px;
 margin: auto;
padding: 1rem 0 2rem;
}
#visArea.visArea--top .mainArea .siteNameArea {
 margin: 0 0 10px;
}
#visArea.visArea--top .mainArea .siteName {
 height: 90px;
}
#visArea.visArea--top .mainArea .siteName img {
 height: 100%;
 width: auto;
}
#visArea.visArea--top .mainArea .mainTxtBox {
 width: 430px;
}
#visArea.visArea--top .mainArea .catchArea .catch {
 font-size: 2.6rem;
 font-weight: bold;
 line-height: 1.4;
 letter-spacing: 0.025em;
 text-align: left;
 margin: 0 0 14px;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#visArea.visArea--top .mainArea .catchArea .catch .small {
 display: block;
 font-size: 2.4rem;
 line-height: 1.4;
 margin: 0 0 1rem;
}
#visArea.visArea--top .mainArea .catchArea .catch .big {
 font-size: 3.4rem;
 color: #F27500;
 background: linear-gradient(to bottom, rgba(249,248,113,0) 0%,rgba(247,221,0,0) 70%,rgba(249,248,113,1) 71%,rgba(249,248,113,1) 100%)
}
#visArea.visArea--top .mainArea .txtArea .btn-internal {
 width: 100%;
 max-width: 100%;
}
#visArea.visArea--top .mainArea .txtArea .btn-internal a::after {
 transform: translateY(-50%) rotate(90deg);
}
/*--------------------------------------
オリジナル
---------------------------------------*/
#index #toc ul li:first-child { display: none; }
.personMainArea {
 width: 80%;
 margin: 0 auto;
 border-top: 1px solid #7F7F80;
 border-bottom: 1px solid #7F7F80;
 padding: 20px 0;
 position: relative;
}
.personMainArea + .personMainArea {
 border-top: none;
}
.personMainArea .personBox {
 display: flex;
 align-items: center;
}
.personMainArea .personBox .pic {
 display: block;
 width: 130px;
}
.personMainArea .personBox .txt-box {
 display: block;
 vertical-align: middle;
 width: calc(100% - 130px);
 padding: 0 0 0 30px;
}
.personMainArea .personBox .txt-box .personBox__tit {
 font-size: 2.4rem;
 font-weight: bold;
 line-height: 1.4;
 color: #224C9A;
 margin: 0 0 20px;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.personMainArea .personBox .txt-box .personBox__tit .small {
 font-size: 2.0rem;
}
.personMainArea .personBox .txt-box .personBox__tit a {
 padding-right: 3rem;
 display: block;
 background: url("img/arrow01_black.svg") no-repeat right 50% / 8px auto;
}
.personMainArea .personBox .txt-box .personBox__tit span {
 font-size: 2rem;
}
/***** addParts-mokuji *****/
.addParts-mokuji .btn-accordion {
 margin: 0 auto;
}
.addParts-mokuji .toc_parts {
 width: 80%;
 margin: 3rem auto 0;
}
/***** addParts__selection *****/
.addParts__selection .btn-internal a::after {
 transform: translateY(-50%) rotate(90deg);
}
/***** addParts__point *****/
.addParts__point {
 background-color: #CFF0FF;
}
.addParts__point .addInner {
 padding: 5rem 0;
}
.addParts__point__wrap {
 width: 80%;
 margin: 0 auto;
 padding: 4rem;
 background: #fff;
 position: relative;
}
.addParts__point__wrap::before {
 content: "";
 background: url(img/icon_point.png) no-repeat center 50% / 100% auto;
 width: 80px;
 height: 80px;
 position: absolute;
 left: -32px;
 top: -36px;
}
.addParts__point__title {
 font-size: 2rem;
 font-weight: bold;
 color: #224C9A;
 line-height: 1.4;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/***** addParts02 *****/
.addParts02 {
 background-color: #F2F6FE;
}
.addParts02 .block {
 background-color: #fff;
 padding: 0 6rem 6rem;
 margin: 0 0 62px;
 box-shadow: 10px 10px 0px #C3D2EF80;
 position: relative;
}
.addParts02 .block:last-child {
 margin: 0;
}
.addParts02 .blockTitArea .blockTitSub {
 background-color: #224C9A;
 padding: 3.8rem 5rem;
 margin: 0 -6rem 4rem;
 text-align: center;
 color: #fff;
 font-size: 3.8rem;
 line-height: 1.4;
 font-weight: bold;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.addParts02 .blockTitArea .blockTit {
 font-size: 2.8rem;
 font-weight: bold;
 line-height: 1.4;
 text-align: center;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 margin: 0 auto 5rem;
}
.addParts02 .sub-title {
 font-size: 2.4rem;
 line-height: 1.4;
 font-weight: bold;
 text-align: center;
 margin: 6rem 0 2.5rem;
 background: url(img/bg_heading_dashed.png) repeat-x left 50%;
 background-size: 100% auto;
 width: 100%;
}
.addParts02 .sub-title span {
 display: inline-block;
 padding: 0 2rem;
 background: #FFF;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.addParts02 .infoArea01 .imgArea {
 text-align: center;
}
.addParts02 .infoArea01 .title {
 width: 160px;
 line-height: 28px;
 background-color: #224C9A;
 text-align: center;
 color: #fff;
 font-size: 22px;
 letter-spacing: 0.1em;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 margin: 4.5rem auto 2rem;
}
.contents .addParts02 .block .frame-wrap .type-c {
 width: calc((100% - 18px) / 2);
 margin: 5rem 18px 0 0;
}
.contents .addParts02 .block .frame-wrap .type-c:nth-child(2n) {
 margin-right: 0;
}
.contents .addParts02 .block .box-wrap .type-a {
 width: 100%;
 margin: 0 0 3rem;
}
.addParts02 .notes {
 font-size: 1.2rem;
}

/***** addParts-pr *****/

.addParts-pr {
    background: url(/wp/wp-content/uploads/addParts-pr-scaled.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.addParts-pr .addInner {
    padding: 12rem 0;
}

.addParts-pr__wrap {
 /* width: 80%; */
 margin: 0 auto;
 background-color: rgb(255 255 255 / 0.7);
 display: flex;
 flex-wrap: wrap;
 padding: 4rem;
 position: relative;
}
.addParts-pr__title {
 font-size: 3.5rem;
 line-height: 1.6;
 font-weight: bold;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 text-align: center;
}

.addParts-pr__wrap .addParts-pr__title span {
    background: none;
    color: #008977;
}

.addParts-pr__wrap::before {
 content: "";
 background: url(img/icon_pr.png) no-repeat center 50% / 100% auto;
 width: 80px;
 height: 80px;
 position: absolute;
 left: -36px;
 top: -31px;
}
.addParts-pr__txt-box {
 /* width: calc(100% - 317px); */
 padding-right: 1rem;
}
.addParts-pr__img-box {
 width: 317px;
 text-align: center;
}
.addParts-pr__wrap .btn-internal {
 width: 400px;
 margin: 3rem auto 0;
}
/***** addParts-list *****/
.addParts-list {
 background-color: #dbefff;
}
.addParts-list .addTopArea {
 margin-bottom: 5rem;
}
/***** addParts-manual *****/
.addParts-manual .addTopArea {
 margin-bottom: 8rem;
}
/***** addParts__knowledge *****/
.addParts__knowledge {
 background-color: #dbefff;
}
/***** addParts-example *****/
/***** addParts-host *****/
@media screen and (min-width: 769px) {
 #page-top { bottom:30rem; }
}
@media screen and (max-width: 768px) {
 /*------------
 Index
 ------------*/
 .contents { width: 100%; }
 /*--------------------------------------
　visArea
---------------------------------------*/
 #visArea.visArea--top {
  margin: 0 auto;
 }
 #visArea.visArea--top .mainArea {
  background: none;
  height: auto;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
 }
 #visArea.visArea--top .mainArea .mainAreaInner {
  background: none;
  position: relative;
 }
 #visArea.visArea--top .mainArea .siteName {
  /* display: none; */
  position: absolute;
  top: 4rem;
  left: 1rem;
  height: 6rem;
 }
 #visArea.visArea--top .mainArea .siteNameArea {
  margin: 0;
 }
 #visArea.visArea--top .mainArea .mainTxtBox {
  width: 100%;
  margin: 2rem auto;
  padding: 0 4%;
 }
 #visArea.visArea--top .mainArea .catchArea .catch {
  font-size: 2.2rem;
  line-height: 1.45;
  text-align: left;
  margin: 0 0 1.0rem;
 }
 #visArea.visArea--top .mainArea .catchArea .catch .small {
  font-size: 1.8rem;
 }
 #visArea.visArea--top .mainArea .catchArea .catch .big {
  font-size: 2.8rem;
 }
 /*--------------------------------------
オリジナル
---------------------------------------*/
 .personMainArea {
  width: 100%;
  padding: 2.5rem 0;
  margin: 0 0 3rem;
 }
 .personMainArea:last-child {
  margin-bottom: 0;
 }
 .personMainArea .personBox {
  display: block;
 }
 .personMainArea .personBox .pic {
  display: block;
  width: 30%;
  margin: 0 auto 1rem;
  text-align: center;
 }
 .personMainArea .personBox .pic img {
  border-radius: 100px;
 }
 .personMainArea .personBox .txt-box {
  display: block;
  width: 100%;
  padding: 0 0 0 0;
 }
 .personMainArea .personBox .txt-box .personBox__tit {
  margin: 0 0 1.5rem;
  font-size: 2rem;
 }
 .personMainArea .personBox .txt-box .personBox__tit .small {
  font-size: 1.8rem;
 }
 .personMainArea .personBox .txt-box p {
  display: block;
  width: 100%;
  margin: 1.5rem 0 0;
 }
 /***** .addParts-mokuji *****/
 .addParts-mokuji .toc_parts {
  width: 100%;
  margin: 0 auto;
 }
 /***** .addParts__point *****/
 .addParts__point .addInner {
  padding: 4rem 4%;
 }
 .addParts__point__wrap {
  width: 100%;
  padding: 4rem 2rem 1rem;
 }
 .addParts__point__wrap::before {
  width: 60px;
  height: 60px;
  left: -2%;
  top: -30px;
 }
 .addParts__point__title {
  font-size: 1.8rem;
 }
 /***** addParts02 *****/
 .addParts02 .block {
  background-color: #fff;
  padding: 1.5rem;
  padding-top: 0;
  margin: 0 auto;
  position: relative;
  box-shadow: none;
 }
 .addParts02 .block + .block {
  margin-top: 4rem;
 }
 .addParts02 .blockTitArea .blockTitSub {
  margin: 0 -1.5rem 3rem;
  padding: 2rem 1.5rem;
  font-size: 2.4rem;  
 }
 .index .addParts02 .blockTit {
  font-size: 1.8rem;
  margin: 0 0 3rem;
 }
 .addParts02 .infoArea01 .title {
  font-size: 1.8rem;
 }
 .addParts02 .sub-title {
  font-size: 1.8rem;
  margin: 4rem 0 2rem;
  padding: 0 5%;
 }
 .addParts02 .sub-title span {
  padding: 0 2%;
 }
 .contents .addParts02 .frame-wrap .frame.type-c {
  width: 100%;
 }
 .addParts02 .frame-wrap .frame .frame-body > * + *,
 .addParts02 .box-wrap .box .box-body > * + *{
  margin-top: 2rem;
 }
 /***** addParts-pr *****/
.addParts-pr .addInner {
    margin: 0 2rem;
}
 
 .addParts-pr__wrap {
  width: 100%;
  padding: 2rem;
  background-color: rgb(255 255 255 / 0.9);
 }
 .addParts-pr__wrap::before {
  width: 60px;
  height: 60px;
  left: -2%;
  top: -30px;
 }
 .addParts-pr__txt-box {
  width: auto;
  padding: 0;
 }
 .addParts-pr__img-box {
  order: -1;
  width: auto;
  height: auto;
 }
 .addParts-pr__title {
  font-size: 2.4rem;
 }
 .addParts-pr__img-box img {
  order: -1;
  margin: 0 0 0.5rem;
 }
 .addParts-pr .caption {
  order: -1;
  margin: 0 0 1rem;
  z-index: 1;
 }
 .addParts-pr__wrap .btn-internal {
  width: auto;
  margin: 2rem auto;
 }
 /***** addParts-list *****/
 /***** addParts-manual *****/
 .addParts-manual .addTopArea {
  margin-bottom: 4rem;
 }
 /***** addParts__knowledge *****/
 /***** addParts-example *****/
 /***** addParts-host *****/
 .addParts-host .addInner {
  padding-top: 0;
 }

}