@charset "UTF-8";

/*CSSDocument*/


/* share
===============================================================*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.clear{ clear:both;}



/*header*/
.p-headerWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}
.p-header {
  background: #fff;
}
.p-headerInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 110px;
  transition: all 0.5s ease-out;
}
.p-headerInfoWrap {
  margin-left: 20px;
}
.p-headerInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.p-headerInfoBtn {
  width: 200px;
  position: relative;
  pointer-events: none;
}
.p-headerInfoBtn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: rgba(255, 127, 0, .5);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 2px;
  transition: all 0.5s ease-out;
}
.p-headerInfoBtn:hover::before {
  background: rgba(255, 127, 0, 0);
}
.p-headerInfoBtn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 40px;
  background: #ff7f00;
  border-radius: 8px;
  padding: 0 15px;
  box-sizing: border-box;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.p-headerInfoBtn a:hover {
  transform: translateY(2px);
}
.p-headerInfoTel {
  margin-left: 32px;
}
.p-headerInfoTel a {
  pointer-events: none;
}
@media screen and (max-width: 1000px) {
  .p-headerInfoTel {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-headerInner {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    height: 70px;
  }
  .p-headerLogo {
    width: 180px;
  }
  .p-headerInfoWrap {
    display: none;
  }
}



/*kv*/
.p-kv {
  background: url(../images/kv-bg.jpg) no-repeat center;
  background-size: cover;
}
.p-kvInner {
  height: 930px;
}
.p-kvBadgeWrap {
  padding-top: 40px;
  text-align: right;
}
.p-kvBadge {
  display: inline-block;
  box-shadow: 0 0 40px rgba(0, 0, 0, .2);
  border-radius: 50%;
}
.p-kvHeadingWrap {
  padding-top: 40px;
  padding-left: 5.952%;
}
.p-kvHeading {
  text-align: left;
}
.p-kvBaloonWrap {
  padding-top: 65px;
  padding-right: 5.612%;
}
.p-kvBaloon {
  text-align: right;
}
.p-kvTxtOuter {
  padding-top: 24px;
  text-align: right;
}
.p-kvTxtWrap {
  display: inline-block;
}
.p-kvTxt {
  font-size: 20px;
  line-height: 1.75;
  font-weight: bold;
  color: #fff;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-kv {
    background: none;
  }
  .p-kvInner {
    height: auto;
  }
  .p-kvTop {
    width: calc(100% + 30px);
    margin: 0 -15px;
    /*height: calc(100vh - 70px);*/
    height: 450px;
    background: url(../images/kv-bg_sp.jpg) no-repeat center;
    background-size: cover;
    /*padding: 0 15px;
    box-sizing: border-box;*/
  }
  .p-kvTopInner {
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
  .p-kvBadgeWrap {
    padding-top: 30px;
    padding-right: 15px;
  }
  .p-kvBadge {
    max-width: 110px;
  }
  .p-kvHeadingWrap {
    padding-top: 0;
    padding-left: 5px;
    padding-bottom: 40px;
    margin-top: auto;
  }
  .p-kvBottom {
    background: url(../images/intro-bg.jpg) no-repeat center;
    background-size: cover;
    width: calc(100% + 30px);
    margin: 0 -15px;
    position: relative;
  }
  .p-kvBottom::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 32, 58, .9);
    position: absolute;
    left: 0;
    top: 0;
  }
  .p-kvBottomInner {
    position: relative;
  }
  .p-kvBaloonWrap {
    padding-top: 0;
    padding-right: 0;
  }
  .p-kvTxtOuter {
    padding: 20px 15px 30px;
    box-sizing: border-box;
  }
  .p-kvTxt {
    font-size: 16px;
  }
}



/*.p-secHead {
  
}
.p-secHeading {
  
}
@media screen and (max-width: 768px) {
  .p-secHeading img {
     
  }
}*/



/*plan*/
.p-plan {
  padding: 140px 0 80px;
}
.p-planIntro {
  
}
.p-planIntroHeading {
  
}
.p-planIntroPrice {
  margin-top: 60px;
}
.p-planListFrame {
  margin-top: 80px;
  padding: 0 0 75px;
  border: 4px solid #004986;
  box-sizing: border-box;
  position: relative;
}
/*.p-planListFrame::before {
  content: "";
  display: block;
  width: 62.925%;
  height: 4px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -4px;
}*/
.p-planListHeadingWrap {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transform: translate(0, -60%);
}
.p-planListHeading {
  background: #fff;
  display: inline-block;
  padding: 0 30px;
  box-sizing: border-box;
}
.p-planListContents {
  padding: 53px 20px 0;
  box-sizing: border-box;
}
.p-planListWrap {
  display: inline-block;
  max-width: 1054px;
  width: 100%;
  margin: 0 auto;
}
.p-planList {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin-bottom: -32px;
}
.p-planList__item {
  width: 31.309%;
  margin-right: 2.846%;
  margin-bottom: 32px;
  background: #eee;
  padding-bottom: 16px;
}
.p-planList__item:nth-of-type(3n) {
  margin-right: 0;
}
.p-planList__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
}
.p-planListPhotoWrap {
  
}
.p-planListPhoto {
  
}
.p-planListTxtAreaWrap {
  padding: 12px 16px 20px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex: 1 0 auto;
}
.p-planListTxtArea {
  flex-shrink: 0;
}
.p-planListTxt {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
  color: #00203a;
}
.p-planListTxt__note {
  font-size: 16px;
}
.p-planListBtnWrap {
  
}
.p-planListBtn {
  max-width: 280px;
  margin: 0 auto;
}
.p-planListBtn span {
  background: #00203a;
  height: 48px;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
.p-planListFeature {
  margin-top: 10px;
  display: inline-block;
  padding: 6px 18px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  color: #00203a;
  position: relative;
}
.p-planListFeature::before,
.p-planListFeature::after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
}
.p-planListFeature::before {
  border-top: 2px solid #00203a;
  border-left: 2px solid #00203a;
  top: 0;
  left: 0;
}
.p-planListFeature::after {
  border-right: 2px solid #00203a;
  border-bottom: 2px solid #00203a;
  right: 0;
  bottom: 0;
}
.p-planListNote {
  margin-top: 75px;
  font-size: 16px;
  line-height: 1.75;
  font-weight: bold;
}
.p-planBtnWrap {
  margin-top: 80px;
}
.p-planBtn {
  max-width: 480px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  pointer-events: none;
}
.p-planBtn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 4px;
  transition: all 0.5s ease-out;
}
.p-planBtn:hover::before {
  background: rgba(0, 0, 0, 0);
}
.p-planBtn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 80px;
  background: #ff7f00;
  border-radius: 16px;
  padding: 0 15px;
  box-sizing: border-box;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.p-planBtn a:hover {
  transform: translateY(4px);
}
.p-planBtnAnc__inner {
  position: relative;
  z-index: 3;
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .p-planListHeading img {
    width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .p-plan {
    padding: 100px 0 60px;
  }
  .p-planIntroHeading {
    width: 90%;
    margin: 0 auto;
  }
  .p-planIntroPrice {
    margin-top: 30px;
  }
  .p-planListFrame {
    margin-top: 70px;
    padding: 0 0 55px;
    border: 3px solid #004986;
  }
  .p-planListHeading {
    background: #fff;
    display: inline-block;
    padding: 0 15px;
  }
  .p-planListHeading img {
    width: auto;
  }
  .p-planListContents {
    padding: 50px 20px 0;
  }
  .p-planListWrap {
    max-width: 677px;
  }
  .p-planList {
    margin-bottom: -30px;
  }
  .p-planList__item {
    width: 48.75%;
    margin-right: 2.5%;
    margin-bottom: 30px;
  }
  .p-planList__item:nth-of-type(3n) {
    margin-right: 2.5%;
  }
  .p-planList__item:nth-of-type(2n) {
    margin-right: 0;
  }
  .p-planListTxt {
    font-size: 16px;
  }
  .p-planListTxt__note {
    font-size: 14px;
  }
  .p-planListBtn span {
    height: 40px;
    font-size: 14px;
  }
  .p-planListFeature {
    font-size: 14px;
  }
  .p-planListFeature::before,
  .p-planListFeature::after {
    width: 14px;
    height: 14px;
  }
  .p-planListNote {
    margin-top: 50px;
    font-size: 14px;
  }
  .p-planBtnWrap {
    margin-top: 60px;
  }
  .p-planBtn {
    max-width: 300px;
  }
  .p-planBtn a {
    height: 60px;
  }
  .p-planBtnAnc__inner {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .p-planListWrap {
    max-width: 330px
  }
  .p-planList__item {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 374px) {
  .p-planBtnAnc__inner {
    font-size: 16px;
  }
}




/*greeting*/
.p-greeting {
  padding: 140px 0;
  background: #f2f2f2;
}
.p-greetingHeading {
  
}
.p-greetingBoxFrame {
  margin-top: 80px;
  background: #fff;
  box-shadow: -6px 6px rgba(56, 141, 225, .5);
  padding: 0 20px;
  box-sizing: border-box;
}
.p-greetingBoxContentsWrap {
  max-width: 1076px;
  margin: 0 auto;
  position: relative;
}
.p-greetingBoxHeadingWrap {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
}
.p-greetingBoxFrame.p-greetingBoxFrame--reverse .p-greetingBoxHeadingWrap {
  right: auto;
  left: 0;
}
.p-greetingBoxHeading {
  font-size: 56px;
  line-height: 1;
  font-weight: normal;
  letter-spacing: -.08em;
  color: #ff7f00;
}
.p-greetingBoxContents {
  padding: 50px 0;
}
.p-greetingBoxContentsInner {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
}
.p-greetingBoxFrame.p-greetingBoxFrame--reverse .p-greetingBoxContentsInner {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.p-greetingBoxPhotoWrap {
  width: calc(100% - 756px);
  min-width: 200px;
}
.p-greetingBoxTxtAreaWrap {
  max-width: 756px;
  padding-left: 4.646%;
  box-sizing: border-box;
}
.p-greetingBoxFrame.p-greetingBoxFrame--reverse .p-greetingBoxTxtAreaWrap {
  padding-left: 0;
  padding-right: 4.646%;
}
.p-greetingBoxTxtArea {
  padding-top: 42px;
}
.p-greetingBoxTxt {
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
  box-sizing: border-box;
}
.p-greetingBoxTxt + .p-greetingBoxTxt {
  margin-top: 32px;
}
.p-greetingBoxTxt__emphasis {
  font-weight: bold;
}
.p-greetingBoxBooks {
  margin-top: 24px;
}
.p-greetingBoxBooksTitle {
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
  display: inline-block;
  padding: 0 24px;
  box-sizing: border-box;
  margin-bottom: 30px;
  position: relative;
}
.p-greetingBoxBooksTitle::before,
.p-greetingBoxBooksTitle::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  background: #004986;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-greetingBoxBooksTitle::before {
  left: -48px;
}
.p-greetingBoxBooksTitle::after {
  right: -48px;
}
.p-greetingBoxBookListWrap {
  max-width: 882px;
  margin: 0 auto;
}
.p-greetingBoxBookList {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -30px;
}
.p-greetingBoxBookList__item {
  width: 22.448%;
  margin-right: 3.401%;
  margin-bottom: 30px;
}
.p-greetingBoxBookList__item:nth-of-type(4n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-greeting {
    padding: 100px 0;
  }
  .p-greetingBoxFrame {
    margin-top: 60px;
    box-shadow: -5px 5px rgba(56, 141, 225, .5);
    padding: 0 15px;
  }
  .p-greetingBoxHeadingWrap {
    right: auto;
    left: 0;
  }
  .p-greetingBoxHeading {
    font-size: 30px;
  }
  .p-greetingBoxContents {
    padding: 40px 0;
  }
  .p-greetingBoxContentsInner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-greetingBoxFrame.p-greetingBoxFrame--reverse .p-greetingBoxContentsInner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-greetingBoxPhotoWrap {
    width: 100%;
    min-width: auto;
  }
  .p-greetingBoxPhoto {
    max-width: 320px;
    width: 100%;
    height: 350px;
    display: inline-block;
  }
  .p-greetingBoxPhoto.p-greetingBoxPhoto--01 {
    background: url(../images/greeting-img01.jpg) no-repeat top 5% center;
    background-size: cover;
  }
  .p-greetingBoxPhoto.p-greetingBoxPhoto--02 {
    background: url(../images/greeting-img02.jpg) no-repeat top 5% center;
    background-size: cover;
  }
  .p-greetingBoxPhoto img {
    display: none;
  }
  .p-greetingBoxTxtAreaWrap {
    padding-left: 0;
  }
  .p-greetingBoxFrame.p-greetingBoxFrame--reverse .p-greetingBoxTxtAreaWrap {
    padding-right: 0;
  }
  .p-greetingBoxTxtArea {
    padding-top: 30px;
  }
  .p-greetingBoxTxt {
    font-size: 14px;
  }
  .p-greetingBoxTxt + .p-greetingBoxTxt {
    margin-top: 20px;
  }
  .p-greetingBoxBooksTitle {
    font-size: 20px;
    padding: 0 20px;
    margin-bottom: 22px;
  }
  .p-greetingBoxBooksTitle::before,
  .p-greetingBoxBooksTitle::after {
    width: 36px;
  }
  .p-greetingBoxBooksTitle::before {
    left: -36px;
  }
  .p-greetingBoxBooksTitle::after {
    right: -36px;
  }
  .p-greetingBoxBookListWrap {
    max-width: 636px;
  }
  .p-greetingBoxBookList {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-bottom: -20px;
  }
  .p-greetingBoxBookList__item {
    width: 31.333%;
    margin-right: 3%;
    margin-bottom: 20px;
  }
  .p-greetingBoxBookList__item:nth-of-type(4n) {
    margin-right: 3%;
  }
  .p-greetingBoxBookList__item:nth-of-type(3n) {
    margin-right: 0;
  }
}
/*@media screen and (max-width: 480px) {
  .p-greetingBoxBookList__item {
    width: 48%;
    margin-right: 4%;
  }
  .p-greetingBoxBookList__item:nth-of-type(4n) {
    margin-right: 4%;
  }
  .p-greetingBoxBookList__item:nth-of-type(3n) {
    margin-right: 4%;
  }
  .p-greetingBoxBookList__item:nth-of-type(2n) {
    margin-right: 0;
  }
}*/
@media screen and (max-width: 374px) {
  .p-greetingBoxHeading {
    font-size: 24px;
  }
}



/*rule*/
.p-rule {
  padding: 0 0 140px;
  background: #f2f2f2;
}
/*.p-ruleIntroWrap {
  max-width: 1920px;
  margin: 0 auto;
}*/
.p-ruleIntro {
  position: relative;
}
.p-ruleIntro::before {
  content: "";
  display: block;
  background: url(../images/rule-img01.jpg) no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 600px;
}
.p-ruleBaloonWrap {
  margin-top: -121px;
}
.p-ruleBaloon {
  
}
.p-ruleHeading {
  margin-top: 10px;
}
.p-ruletxtWrap {
  margin-top: 75px;
}
.p-ruleTxt {
  font-size: 20px;
  line-height: 1.75;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-rule {
    padding: 0 0 100px;
  }
  .p-ruleIntro::before {
    /*background: url(../images/rule-img01.jpg) no-repeat top left 30%;
    background-size: cover;*/
    height: 350px;
  }
  .p-ruleBaloonWrap {
    margin-top: -45px;
  }
  .p-ruleHeading {
    margin-top: 15px;
  }
  .p-ruletxtWrap {
    margin-top: 55px;
  }
  .p-ruleTxt {
    font-size: 16px;
  }
}



/*service*/
.p-service {
  padding: 140px 0 144px;
  background: #f2f2f2;
  position: relative;
}
.p-service::before {
  content: "";
  display: block;
  width: 100%;
  height: 192px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.p-serviceListWrap {
  margin-top: 80px;
}
.p-serviceList {
  
}
.p-serviceList__item {
  margin-bottom: 38px;
}
.p-serviceList__item:last-of-type {
  margin-bottom: 0;
}
.p-serviceList__item + .p-serviceList__item {
  padding-top: 40px;
  border-top: 1px solid #ff7f00;
  box-sizing: border-box;
}
.p-serviceList__itemInner {
  
}
.p-serviceListHead {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.p-serviceListHeadNum {
  width: 80px;
  height: 80px;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #fff;
  border: 2px solid #ff7f00;
  box-sizing: border-box;
  margin-right: 34px;
  position: relative;
  border-radius: 50%;
  z-index: 2;
}
.p-serviceListHeadNum::before,
.p-serviceListHeadNum::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}
.p-serviceListHeadNum::before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ff7f00;
  right: -8px;
  z-index: -1;
}
.p-serviceListHeadNum::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
  right: -6px;
  z-index: 3;
}
.p-serviceListHeadNumTxt {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  color: #ff7f00;
  padding-bottom: 4px;
}
.p-serviceListHeading {
  width: calc(100% - 114px);
  display: inline-block;
  text-align: left;
}
.p-serviceListHeadingTxt {
  font-size: 48px;
  line-height: 1.25;
  font-weight: normal;
  color: #388de1;
}
.p-serviceListTxtArea {
  margin-left: 80px;
  margin-top: 16px;
  padding-left: 34px;
}
.p-serviceListTxt {
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
}
.p-serviceListTxtDetails {
  margin-top: 20px;
}
.p-serviceListTxtDetails__item {
  margin-left: 7px;
  padding-left: 19px;
  position: relative;
}
.p-serviceListTxtDetails__item::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #388de1;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 9px;
}
.p-serviceListTxtDetails__item + .p-serviceListTxtDetails__item {
  margin-top: 8px;
}
.p-serviceListTxtDetails__itemInner {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-service {
    padding: 100px 0 104px;
  }
  .p-service::before {
    height: 132px;
  }
  .p-serviceListWrap {
    margin-top: 60px;
  }
  .p-serviceList__item {
    margin-bottom: 30px;
  }
  .p-serviceList__item + .p-serviceList__item {
    padding-top: 30px;
  }
  .p-serviceListHeadNum {
    width: 40px;
    height: 40px;
    margin-right: 16px;
  }
  .p-serviceListHeadNumTxt {
    font-size: 20px;
    padding-bottom: 2px;
  }
  .p-serviceListHeading {
    width: calc(100% - 56px);
  }
  .p-serviceListHeadingTxt {
    font-size: 28px;
  }
  .p-serviceListTxtArea {
    /*margin-left: 45px;*/
    margin-left: 0;
    margin-top: 12px;
    /*padding-left: 18px;*/
    padding-left: 0;
  }
  .p-serviceListTxt {
    font-size: 14px;
  }
  .p-serviceListTxtDetails {
    margin-top: 15px;
  }
  .p-serviceListTxtDetails__item {
    margin-left: 5px;
    padding-left: 13px;
  }
  .p-serviceListTxtDetails__item::before {
    width: 6px;
    height: 6px;
    top: 8px;
  }
  .p-serviceListTxtDetails__item + .p-serviceListTxtDetails__item {
    margin-top: 10px;
  }
  .p-serviceListTxtDetails__itemInner {
    font-size: 14px;
  }
}

.p-servicePlan {
  padding-top: 140px;
  position: relative;
}
.p-servicePlanHeading {
  
}
.p-servicePlanPrice {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-servicePlanHeading {
    width: 90%;
    margin: 0 auto;
  }
  .p-servicePlan {
    padding-top: 90px;
  }
  .p-servicePlanPrice {
    margin-top: 30px;
  }
}


/*cv*/
.p-cv {
  padding: 80px 0;
  background: url(../images/cv-bg.jpg) no-repeat left top;
  background-size: cover;
  position: relative;
}
.p-cv::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 73, 134, .8);
  position: absolute;
  left: 0;
  top: 0;
}
.p-cvInner {
  position: relative;
}
.p-cvDetailsWrap {
  margin-top: 80px;
}
.p-cvDetails {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.p-cvDetails__item {
  width: 50%;
}
.p-cvDetails__itemInner {
  
}
.p-cvDetailsTel {
  text-align: left;
  padding-right: 30px;
  box-sizing: border-box;
}
.p-cvDetailsTel a {
  pointer-events: none;
}
.p-cvDetailsForm {
  
}
.p-cvDetailsFormTxt {
  
}
.p-cvDetailsFormBtn {
  max-width: 480px;
  width: 90%;
  margin: 40px auto 0;
  position: relative;
  pointer-events: none;
}
.p-cvDetailsFormBtn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 4px;
  transition: all 0.5s ease-out;
}
.p-cvDetailsFormBtn:hover::before {
  background: rgba(0, 0, 0, 0);
}
.p-cvDetailsFormBtn a {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 80px;
  background: #ff7f00;
  border-radius: 16px;
  padding: 0 15px;
  box-sizing: border-box;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.p-cvDetailsFormBtn a:hover {
  transform: translateY(4px);
}
.p-cvDetailsFormBtnAnc__inner {
  position: relative;
  z-index: 3;
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-cv {
    padding: 60px 0;
  }
  .p-cvDetailsWrap {
    margin-top: 55px;
  }
  .p-cvDetails {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-cvDetails__item {
    width: 100%;
  }
  .p-cvDetailsTel {
    padding-right: 0;
    text-align: center;
  }
  .p-cvDetailsTel a {
    pointer-events: auto;
  }
  .p-cvDetailsForm {
    margin-top: 50px;
  }
  .p-cvDetailsFormBtn {
    max-width: 300px;
    margin: 30px auto 0;
  }
  .p-cvDetailsFormBtn a {
    height: 60px;
  }
  .p-cvDetailsFormBtnAnc__inner {
    font-size: 20px;
  }
}


/*about*/
.p-about {
  padding: 140px 0;
}
.p-aboutHeading {
  
}
.p-aboutIntro {
  margin-top: 72px;
}
.p-aboutIntroTxt {
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
}
.p-aboutIntroTxt + .p-aboutIntroTxt {
  margin-top: 30px;
}
.p-aboutIntroTxt__emphasis {
  font-weight: bold;
  background: -moz-linear-gradient(top, rgba(255, 252, 0, 0) 0%, rgba(255, 252, 0, 0) 60%, rgba(255, 252, 0, 1) 61%, rgba(255, 252, 0, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 252, 0, 0) 0%, rgba(255, 252, 0, 0) 60%, rgba(255, 252, 0, 1) 61%, rgba(255, 252, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 252, 0, 0) 0%, rgba(255, 252, 0, 0) 60%, rgba(255, 252, 0, 1)61%, rgba(255, 252, 0, 1) 100%);
}
.p-aboutAccess {
  margin-top: 75px;
}
.p-aboutAccessTitle {
  font-size: 32px;
  line-height: 1;
  font-weight: 900;
}
.p-aboutAccessListWrap {
  margin-top: 35px;
}
.p-aboutAccessList {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
}
.p-aboutAccessList__item {
  width: 31.292%;
  margin-left: 3.061%;
}
.p-aboutAccessList__item:first-of-type {
  margin-left: 0;
}
.p-aboutAccessListHeadingWrap {
  position: relative;
  margin-bottom: 15px;
}
.p-aboutAccessListHeadingWrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #004986;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-aboutAccessListHeading {
  display: inline-block;
  padding: 0 21px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}
.p-aboutAccessListHeadingInner {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
}
.p-aboutAccessListMapWrap {
  
}
.p-aboutAccessListMap {
  width: 100%;
  height: 280px;
  position: relative;
}
.p-aboutAccessListMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-aboutAccessListTxtArea {
  margin-top: 12px;
}
.p-aboutAccessListTxt {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
.p-aboutAccessListPhoneArea {
  margin-top: 8px;
}
.p-aboutAccessListPhone {
  
}
.p-aboutAccessListPhone + .p-aboutAccessListPhone {
  margin-top: 2px;
}
.p-aboutAccessListPhoneTxt {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}
.p-aboutAccessListPhoneTxtName {
  font-weight: bold;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .p-about {
    padding: 100px 0;
  }
  .p-aboutIntro {
    margin-top: 52px;
  }
  .p-aboutIntroTxt {
    font-size: 14px;
  }
  .p-aboutIntroTxt + .p-aboutIntroTxt {
    margin-top: 20px;
  }
  .p-aboutAccess {
    margin-top: 55px;
  }
  .p-aboutAccessTitle {
    font-size: 24px;
  }
  .p-aboutAccessListWrap {
    margin-top: 30px;
  }
  .p-aboutAccessList {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-aboutAccessList__item {
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
  }
  .p-aboutAccessList__item:first-of-type {
    margin-left: 0;
    margin-top: 0;
  }
  .p-aboutAccessListHeading {
    padding: 0 18px;
  }
  .p-aboutAccessListHeadingInner {
    font-size: 20px;
  }
  .p-aboutAccessListMap {
    height: 250px;
  }
  .p-aboutAccessListTxt {
    font-size: 14px;
  }
  .p-aboutAccessListPhoneArea {
    margin-top: 6px;
  }
  .p-aboutAccessListPhoneTxt {
    font-size: 14px;
  }
  .p-aboutAccessListPhoneTxtName {
    padding-right: 12px;
  }
}



/*voice*/
.p-voice {
  background: #f2f2f2;
  padding: 140px 0;
}
.p-voiceListWrap {
  margin-top: 80px;
}
.p-voiceList {
  
}
.p-voiceList__item {
  
}
.p-voiceList__item + .p-voiceList__item {
  margin-top: 40px;
}
.p-voiceList__itemInner {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : -ms-flexbox;
  display : flex;
}
.p-voiceList__item.p-voiceList__item--reverse .p-voiceList__itemInner {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.p-voiceListPhotoWrap {
  width: 200px;
}
.p-voiceListPhoto {
  border-radius: 50%;
  position: relative;
}
.p-voiceListPhoto::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #fea144;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.p-voiceList__item.p-voiceList__item--reverse .p-voiceListPhoto::before {
  border: 2px solid #ff6c00;
}
.p-voiceListPhoto img {
  border-radius: 50%;
}
.p-voiceListTxtAreaWrap {
  width: calc(100% - 200px);
  padding-left: 20px;
  padding-top: 40px;
  box-sizing: border-box;
}
.p-voiceList__item.p-voiceList__item--reverse .p-voiceListTxtAreaWrap {
  padding-left: 0;
  padding-right: 20px;
}
.p-voiceListTxtArea {
  max-width: 800px;
  background: #fea144;
  border-radius: 0 20px 20px 20px;
  margin-right: auto;
}
.p-voiceList__item.p-voiceList__item--reverse .p-voiceListTxtArea {
  background: #ff6c00;
  border-radius: 20px 0 20px 20px;
  margin-right: 0;
  margin-left: auto;
}
.p-voiceListTxtAreaInner {
  padding: 15px 20px ;
  box-sizing: border-box;
  color: #fff;
}
.p-voiceListTxt {
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
}
.p-voiceListName {
  font-size: 16px;
  line-height: 1.75;
  font-weight: bold;
  text-align: right;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-voice {
  background: #f2f2f2;
    padding: 120px 0;
  }
  .p-voiceListWrap {
    margin-top: 60px;
  }
  .p-voiceList__item + .p-voiceList__item {
    margin-top: 35px;
  }
  .p-voiceList__itemInner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;-webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .p-voiceList__item.p-voiceList__item--reverse .p-voiceList__itemInner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }/*
.p-voiceListPhotoWrap {
  width: 200px;
}
.p-voiceListPhoto {
  border-radius: 50%;
  position: relative;
}
.p-voiceListPhoto::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #fea144;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.p-voiceList__item.p-voiceList__item--reverse .p-voiceListPhoto::before {
  border: 2px solid #ff6c00;
}
.p-voiceListPhoto img {
  border-radius: 50%;
}*/
  .p-voiceListTxtAreaWrap {
    width: 100%;
    padding-left: 0;
    padding-top: 15px;
  }
  .p-voiceList__item.p-voiceList__item--reverse .p-voiceListTxtAreaWrap {
    padding-right: 0;
  }
  .p-voiceListTxtArea {
    border-radius: 0 0 20px 20px;
    margin-right: 0;
  }
  .p-voiceList__item.p-voiceList__item--reverse .p-voiceListTxtArea {
    border-radius: 0 0 20px 20px;
    margin-left: 0;
  }
  .p-voiceListTxtAreaInner {
    padding: 18px 15px;
  }
  .p-voiceListTxt {
    font-size: 14px;
  }
  .p-voiceListName {
    font-size: 14px;
    margin-top: 10px;
  }
}



/*security*/
.p-security {
  padding: 140px 0;
}
.p-securityListWrap {
  margin-top: 80px;
}
.p-securityList {
  
}
.p-securityList__item {
  margin-bottom: 40px;
}
.p-securityList__item:last-of-type {
  margin-bottom: 0;
}
.p-securityList__item + .p-securityList__item {
  padding-top: 35px;
  border-top: 1px solid #004986;
  box-sizing: border-box;
}
.p-securityListHeading {
  font-size: 30px;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
}
.p-securityListTxtArea {
  margin-top: 20px;
}
.p-securityListSbs {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
}
.p-securityListSbsIconWrap {
  width: 100px;
}
.p-securityListSbsTxtArea {
  width: calc(100% - 100px);
  padding-left: 30px;
  box-sizing: border-box;
}
.p-securityListSbsTxt,
.p-securityListTxt {
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
}
.p-securityListSbsTxt + .p-securityListSbsTxt {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-security {
    padding: 100px 0;
  }
  .p-securityListWrap {
    margin-top: 60px;
  }
  .p-securityList__item {
    margin-bottom: 30px;
  }
  .p-securityList__item + .p-securityList__item {
    padding-top: 30px;
  }
  .p-securityListHeading {
    font-size: 20px;
  }
  .p-securityListTxtArea {
    margin-top: 15px;
  }
  .p-securityListSbsIconWrap {
    width: 80px;
  }
  .p-securityListSbsTxtArea {
    width: calc(100% - 80px);
    padding-left: 15px;
  }
  .p-securityListSbsTxt,
  .p-securityListTxt {
    font-size: 14px;
  }
  .p-securityListSbsTxt + .p-securityListSbsTxt {
    margin-top: 12px;
  }
}



/*application*/
.p-application {
  padding: 140px 0;
  background: #f2f2f2;
}
.p-applicationFormFrame {
  max-width: 800px;
  margin: 0 auto;
}
.p-applicationFormContents {
  margin: 80px 0 0;
}
.p-applicationFormContents__item {

}
.p-applicationFormContents__item + .p-applicationFormContents__item {
  margin: 32px 0 0;
}
.p-applicationFormContentsTitle {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  text-align: left;
}
.p-applicationFormContentsTitle span {
  position: relative;
  display: inline-block;
}
.p-applicationFormContentsTitle span.is-required {
  padding: 0 46px 0 0;
}
.p-applicationFormContentsTitle span.is-required::after {
  content: '必須';
  width: 40px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background: #fea144;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 4px;
}
.p-applicationFormContentsTitle span > span {
  padding: 0 0 2px;
}
.p-applicationFormContentsInputWrap,
.p-applicationFormContentsTxtareaWrap {
  margin: 16px 0 0;
  text-align: left;
}
.p-applicationFormContentsInput [type=text],
.p-applicationFormContentsInput [type=email] {
  width: 100%;
  box-sizing: border-box;
  /*border-radius: 8px;*/
  height: 40px;
  border: #999 1px solid;
  padding: 8px 10px 4px;
  outline: none;
  font-size: 16px;
}
.p-applicationFormContentsTxtarea textarea {
  width: 100%;
  box-sizing: border-box;
  /*border-radius: 8px;*/
  height: 160px;
  border: #999 1px solid;
  padding: 8px 10px 4px;
  outline: none;
  font-size: 16px;
}
.p-applicationFormContentsNote {
  font-size: 14px;
  line-height: 1.25;
  text-align: left;
  margin-top: 12px;
}
.p-applicationFormBtnWrap {
  margin: 60px 0 0;
}
.p-applicationFormBtn {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  pointer-events: none;
}
.p-applicationFormBtn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 4px;
  transition: all 0.5s ease-out;
  z-index: 1;
}
.p-applicationFormBtn:hover::before {
  /*background: rgba(0, 0, 0, 0);*/
  opacity: 0;
}
.p-applicationFormBtn button {
  width: 100%;
  height: 55px;
  color: #fff;
  background: #ff7f00;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  border: none;
  cursor: pointer;
  transition: all 0.5s ease-out;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  padding: 3px 0 0;
  box-sizing: border-box;
  pointer-events: auto;
}
.p-applicationFormBtn button:hover {
  opacity: .6;
  transform: translateY(4px);
}
@media screen and (max-width: 768px) {
  .p-application {
    padding: 100px 0;
  }
  .p-applicationFormContents {
    margin: 60px 0 0;
  }
  .p-applicationFormContents__item + .p-applicationFormContents__item {
    margin: 24px 0 0;
  }
  .p-applicationFormContentsTitle {
    font-size: 16px;
  }
  .p-applicationFormContentsTitle span {
    padding: 1px 0 2px 0;
  }
  .p-applicationFormContentsTitle span.is-required {
    padding: 1px 40px 2px 0;
  }
  .p-applicationFormContentsTitle span.is-required::after {
    width: 32px;
    height: 18px;
    font-size: 11px;
  }
  .p-applicationFormContentsInputWrap,
  .p-applicationFormContentsTxtareaWrap {
    margin: 12px 0 0;
  }
  .p-applicationFormContentsInput [type=text],
  .p-applicationFormContentsInput [type=email] {
    padding: 6px 10px 4px;
    font-size: 14px;
  }
  .p-applicationFormContentsTxtarea textarea {
    height: 150px;
    padding: 6px 10px 4px;
    font-size: 14px;
  }
  .p-applicationFormContentsNote {
    font-size: 12px;
    margin-top: 8px;
  }
  .p-applicationFormBtnWrap {
    margin: 40px 0 0;
  }
  .p-applicationFormBtn {
    max-width: 240px;
  }
  .p-applicationFormBtn button {
    height: 45px;
    font-size: 16px;
  }
}


/*footer*/
.p-footer {
  background: #00203a;
}
.p-footerTxtWrap {
  height: 55px;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.p-footerTxt {
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
  color: #fff;
  padding-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .p-footer {
    margin-bottom: 60px;
  }
  .p-footerTxtWrap {
    height: 45px;
  }
  .p-footerTxt {
    font-size: 11px;
    padding-bottom: 10px;
  }
}



/*spCv*/
.p-spCv {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-spCv {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, .5);
    padding: 10px 10px;
    box-sizing: border-box;
    -webkit-transform: translate(0, 60px);
    transform: translate(0, 60px);
    transition: all 0.3s ease-out;
  }
  .p-spCv.is-active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .p-spCvInner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .p-spCvApplication {
    width: calc(50% - 5px);
  }
  .p-spCvApplication a {
    background: #ff7f00;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #021237;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 40px;
    border-radius: 8px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .p-spCvTel {
    
    width: calc(50% - 5px);
    margin: 0 0 0 10px;
  }
  .p-spCvTel a {
    background: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #021237;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 40px;
    border-radius: 8px;
    padding: 0 10px;
    box-sizing: border-box;
  }
}



/*-----------------------------*/
/*Utility*/
.u-map {
  position: relative;
  width: 56.25%;
  padding-top: 355px;
  line-height: 0;
}
.u-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px){
  .u-map {
    width: 100%;
  }
}
/*---------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {.u-pcOnly { display: none !important;}}
@media screen and (min-width: 769px) {.u-spOnly { display: none !important;}}


/* p-contact */
.p-contact {
  background: #00203a;
  padding: 160px 0 160px;
}
.p-contactHeading {
}
.p-contactTxt {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  margin: 26px auto 0;
  letter-spacing: .08em;
}
.p-contactTxt span {
  display: inline-block;
}
.p-contactForm {
  margin: 77px auto 0;
  background: #fff;
  border-radius: 16px;
  max-width: 880px;
  box-sizing: border-box;
  padding: 39px 40px 80px;
}
.p-contactInputWrap {
}
.p-contactInputWrap + .p-contactInputWrap {
  margin: 30px auto 0;
}
.p-contactInputWrap__title {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  box-sizing: border-box;
  text-align: left;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.p-eventInputMust {
  background: #ff8400;
  display: inline-block;
  font-weight: 700;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 3px 10px 5px;
  margin-left: 12px;
  border-radius: 2px
}
.p-contactInputWrap__input input {
  padding-left: 15px;
  font-size: 16px;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
  background: #f0f0f0;
  border: #ccc;
  box-sizing: border-box;
}
.p-contactInputNotice {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  margin-top: 2px;
}
.p-contactInputWrap__input textarea {
  padding: 15px;
  font-size: 16px;
  height: 240px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
  background: #f0f0f0;
  border: #ccc;
  box-sizing: border-box;
  resize: none;
}
.p-contactFormBtn {
  max-width: 320px;
  width: 80%;
  margin: 41px auto 0;
  position: relative;
}
.p-contactFormBtn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  background: #bd6302;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 4px;
  transition: all 0.5s ease-out;
}
.p-contactFormBtn:hover::before {
  background: rgba(0, 0, 0, 0);
}
.p-contactFormBtn input {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: none;
  width: 100%;
  height: 80px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  background: #ff7f00;
  border-radius: 100px;
  padding: 0 15px;
  box-sizing: border-box;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 2;
  pointer-events: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.p-contactFormBtn input:hover {
  transform: translateY(4px);
}
@media screen and (max-width: 768px) {
  .p-contact {
    padding: 80px 0 80px;
  }
  .p-contactHeading {
    max-width: 450px;
    margin: 0 auto;
  }
  .p-contactTxt {
    font-size: 14px;
    margin: 20px auto 0;;
  }
  .p-contactForm {
    margin: 40px auto 0;
    max-width: 600px;
    padding: 20px 15px 40px;
  }
  .p-contactInputWrap {
  }
  .p-contactInputWrap + .p-contactInputWrap {
    margin: 20px auto 0;
  }
  .p-contactInputWrap__title {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .p-eventInputMust {
    margin-left: 15px;
    font-size: 10px;
  }
  .p-contactInputWrap__input input {
    font-size: 14px;
    height: 40px;
    border-radius: 4px;
  }
  .p-contactInputNotice {
    font-size: 14px;
    margin-top: 5px;
  }
  .p-contactInputWrap__input textarea {
    padding: 15px;
    font-size: 14px;
    height: 150px;
  }
  .p-contactFormBtn {
    margin: 30px auto 0;
  }
  .p-contactFormBtn:hover::before {
    background: rgba(0, 0, 0, 0);
  }
  .p-contactFormBtn input {
    height: 60px;
    font-size: 18px;
  }
}

.ovf-wrapper {
  overflow: auto;
  background: #fff;
  color: #666 !important;
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 140%;
  height: 300px;
  padding: 10px 20px;
  width: 100%;
  font-weight: normal !important;
  text-align: left;
}
.screen-reader-response {display: none;}