@charset "UTF-8";
.sitemap__items, .notesList {
  padding: 0;
  list-style-type: none;
}

body {
  overflow-x: hidden;
}

.breakout {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.sec-content {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.gHeader {
  width: 100%;
	height: 55px;
  background-color: #fff;
  font-family: fot-cezanne-pron, sans-serif;
font-weight: 500;
font-style: normal;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
}

.siteName {
  margin: 0;
  padding: 1.3rem -0 1.2rem;
}

.siteName__link {
  display: block;
  width: 150px;
  height: auto;
  margin-left: 2rem;
  margin-bottom: 0;
  margin-top: 0;
}

.navWrap {
  padding-right: 0;
  padding-left: 0;
}

.gNav {
  display: none;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.gNav__items {
  width: 100%;
  margin: 0;
  margin: 0;
  background-color: #f0f1f2;
}

.gNav__item {
  border-bottom: 1px dotted #fff;
}

.gNav__item__link {
  font-size: 1.4rem;
  display: block;
  padding: 1em .5em;
  text-decoration: none;
  color: #333;
}

.gNav__item__link br {
  display: none;
}

.gNav__sns {
	margin: 0;
	padding: 30px 0;
	background-color: #f0f1f2;
	display: flex;
	justify-content: center;
}
	.gNav__sns li {
		margin: 0 10px;
	}
		.gNav__sns li a {
			display: block;
			line-height: 0;
		}
			.gNav__sns li a img {
				width: auto;
				height: 35px;
			}
			.gNav__sns li a:hover {
				opacity: 0.7;
			}

.headTools {
  display: -ms-flexbox;
  display: flex;
  width: 340px;
}

.headTools__items {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  -ms-flex-pack: right;
      justify-content: right;
}

.headTools__item {
  display: -ms-flexbox;
  display: flex;
}

.headTools__link {
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: none;
}

.headTools__tel {
  width: 180px;
  background-color: #f0f1f2;
}

.headTools__tel .headTools__link {
  font-size: 1.8rem;
  padding-top: 1.6em;
  padding-bottom: 1.6em;
  color: #333;
}

.headTools__tel .headTools__link small {
  font-size: 1.1rem;
  display: block;
  margin-top: .5em;
}

.headTools__faq {
  width: 90px;
  background: #e27d7d;
  background: url(../../images/unit-header/ico_ques.png) no-repeat center 23px, linear-gradient(-45deg, #e27d7d 0%, #e27d7d 50%, #e88484 51%, #e88484 100%);
}

.headTools__faq .headTools__link {
  padding-top: 5.6rem;
  color: #fff;
}

.headTools__mypage {
  width: 90px;
  background: #ff7b39;
  background: url(../../images/unit-header/ico_graph.png) no-repeat center 16px, linear-gradient(-45deg, #ff7b39 0%, #ff7b39 50%, #fc844c 51%, #fc844c 100%);
}

.headTools__mypage .headTools__link {
  padding-top: 5.6rem;
  color: #fff;
  line-height: 1.2;
}

.headTools__caution {
  width: 160px;
  background: #cc3333;
  background: url(../../images/unit-header/ico_caution.png) no-repeat center 15px, linear-gradient(-45deg, #cc3333 0%, #cc3333 50%, #d63d3d 51%, #d63d3d 100%);
	height: 95px;
	font-size: 1.3rem;
}

.headTools__caution .headTools__link {
  padding-top: 5.6rem;
  color: #fff;
}

.spHeadTools {
  position: absolute;
  top: 0;
  right: 0;
  display: table;
  width: 100px;
}

.spHeadTools__item {
  display: table-cell;
  width: 50px;
  height: 55px;
  vertical-align: top;
}

.spHeadTools__tel {
  display: block;
  width: 100%;
  height: 55px;
  padding-top: 36px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: url(../../images/unit-header/ico_tel.svg) no-repeat #cc3333  center 1rem/40% auto;
}

.spHeadTools__mypage {
  display: block;
  width: 100%;
  height: 55px;
  padding-top: 33px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: url(../../images/unit-header/ico_graph.png) no-repeat #ff7b39  center 1rem/40% auto;
}

.spHeadTools .gNavBtn {
  position: relative;
  width: 100%;
  height: 55px;
  padding-top: 30px;
  color: #333;
  border: none;
  background-color: #f0f1f2;
}

.spHeadTools .gNavBtn__txt {
  font-size: .9rem;
  text-transform: uppercase;
}

.spHeadTools .gNavBtn .icon-bar {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 3px;
  transition: all .4s;
  border-radius: 4px;
  background-color: #333;
}

.spHeadTools .gNavBtn .icon-bar:nth-of-type(1) {
  width: 50%;
  transform: translate(15px, -15px) rotate(-315deg);
}

.spHeadTools .gNavBtn .icon-bar:nth-of-type(2) {
  width: 0;
  transform: translateY(-18px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.spHeadTools .gNavBtn .icon-bar:nth-of-type(3) {
  width: 50%;
  transform: translate(14px, -15px) rotate(315deg);
}

.spHeadTools .gNavBtn.close .icon-bar:nth-of-type(1) {
  width: 50%;
  transform: translate(12px, -25px) rotate(0deg);
}

.spHeadTools .gNavBtn.close .icon-bar:nth-of-type(2) {
  width: 50%;
  transform: translate(12px, -18px);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.spHeadTools .gNavBtn.close .icon-bar:nth-of-type(3) {
  width: 50%;
  transform: translate(12px, -10px) rotate(0deg);
}

.breadCrumb_items li {
  display: inline-block;
}

.unitInfo {
  background-color: #e04747;
}

.sitemap {
  padding: 0 1.5rem 1rem;
}

.sitemap__title {
  position: relative;
  margin-top: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  background-color: #cc3333;
  margin-bottom: 0;
  margin: 0 -1.5rem;
}

.sitemap__title:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 1.3em;
  left: 0.7em;
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.sitemap__title a {
  text-decoration: none;
  color: #fff;
}

.sitemap__title a:hover {
  text-decoration: underline;
}

.sitemap__items {
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 0;
}

.sitemap__item {
  position: relative;
}

.sitemap__item:before {
  content: "";
  width: 3px;
  height: 3px;
  display: block;
  position: absolute;
  top: 1.4em;
  left: 1em;
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.sitemap__item a {
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid #cc3333;
}

.sitemap__2nd {
  display: none;
}

.unitArea {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.unitArea__fig {
	padding: 0 20px;
}
.unitArea__fig img {
  margin-right: auto;
  margin-left: auto;
}

.unitArea__title {
  font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

.unitArea__title .fz-small {
  display: block;
  padding-bottom: .5em;
}

.unitArea__fig img {
  margin-right: auto;
  margin-left: auto;
}

.content {
  padding-top: 55px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.breadCrumb {
  background-color: #f7f8f9;
  font-size: 1.2rem;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  line-height: 1.5;
  box-shadow: inset 0px 0px 10px #d2d3d4;
}

.breadCrumb__items {
  margin: 0;
}

.breadCrumb__item {
  display: inline-block;
  position: relative;
  padding-right: 1em;
}

.breadCrumb__item:after {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0;
  transform: rotate(45deg);
  border-top: 1px solid #666;
  border-right: 1px solid #666;
}

.breadCrumb__item.current:after {
  content: none;
}

.breadCrumb__link {
  text-decoration: none;
  color: #cc3333;
}

.breadCrumb__link:visited {
  text-decoration: none;
}

.pageHeader {
  border-bottom: 1px solid #d2d3d4;
  margin-bottom: 2em;
  padding-top: 1em;
}

.pageHeader--visual {
  background-position: center;
  background-size: cover;
  padding-top: 2em;
  padding-bottom: 2em;
  color: #fff;
}

.value .pageHeader--visual {
  background-image: url(../../images/value/bg_value.jpg);
}

.guide .pageHeader--visual,
.emergency .pageHeader--visual {
  background-image: url(../../images/guide/bg_guide.jpg);
}

.contact .pageHeader--visual {
  background-image: url(../../images/contact/bg_contact.jpg);
}

.pricing .pageHeader--visual {
  background-image: url(../../images/guide/pricing/bg_pricing.jpg);
}


.start-stop .pageHeader--visual {
  background-image: url(../../images/start-stop/bg_start-stop.jpg);
}

.pageHeader__desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 0;
}

.pageTitle {
  font-weight: normal;
  margin-top: 0;
  font-size: 6.25vm;
  font-size: 6.25vmin;
}

.pageTitle--def {
  margin: 0;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.title {
  font-family: fot-cezanne-pron, sans-serif;
font-weight: 500;
font-style: normal;
  font-weight: normal;
}

.title--def {
  font-weight: normal;
  text-align: center;
  font-size: 2rem;
  position: relative;
  padding-top: 1em;
  margin-bottom: 2em;
}

.title--def:before {
  content: "";
  width: 2rem;
  height: 0.3rem;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #cc3333;
}

.title__ruby {
  speak: none;
  display: block;
  font-family: IwaNGoPro-Lt, sans-serif;
  font-size: 1.4rem;
  color: #848484;
}

.box {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.box--red {
  background-color: #ffebeb;
}

.box--org {
  background-color: #ffeede;
}

.box--gray {
  background-color: #f0f1f2;
}

.lead {
  font-size: 2.2rem;
  color: #cc3333;
}

.btn {
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2em;
}

.btn--default {
  font-size: 1.4rem;
  position: relative;
  padding: .7em 2em .7em 1.3em;
  transition: all .5s ease-in-out;
  text-align: center;
  color: #333;
  border-color: #d2d3d4;
  background-color: #fff;
}

.btn--default:after {
  position: absolute;
  top: .9em;
  right: .8em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(45deg);
  border-top: 3px solid #333;
  border-right: 3px solid #333;
}

.btn--default:hover {
  color: #fff;
  border-color: #e04747;
  background-color: #e04747;
}

.btn--default:active {
  color: #fff;
}

.btn--back {
  font-size: 1.4rem;
  padding: .7em 3em .7em 4.5em;
  color: #333;
  border-color: #d2d3d4;
  background: url(../../images/ico_goback.png) no-repeat 3em center;
  background-color: #fff;
}

.btn--secondary {
  background-color: #ee7298;
  border-color: #ee7298;
  color: #fff;
  padding: 1em 1.5em;
  position: relative;
}

.btn--secondary:after {
  position: absolute;
  top: 1.2em;
  right: .8em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.btn--tertiary {
  background-color: #cc3333;
  border-color: #cc3333;
  padding: 0.7em 1.8em 0.7em 1.2em;
  color: #fff;
  position: relative;
  font-size: 1.4rem;
}

.btn--tertiary:after {
  position: absolute;
  top: 0.8em;
  right: .8em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.btn--quaternary {
	background-color: #cc3333;
  border-color: #cc3333;
  color: #fff;
  padding: 1em 1.5em;
  position: relative;
}

.btn--quaternary:after {
	position: absolute;
  top: 1.2em;
  right: .8em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.btn--quinary {
	background-color: #90B743;
  border-color: #90B743;
  color: #fff;
  padding: 1em 1.5em;
  position: relative;
}

.btn--quinary:after {
	position: absolute;
  top: 1.2em;
  right: .8em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.goback {
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
}

.notesList {
  font-size: 1.4rem;
  margin: 0;
}

.notesList li {
  margin-bottom: .5em;
  padding-left: 1.5em;
}

.notesList li:before {
  margin-left: -1.1em;
  content: "※";
}

.relation__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 2rem;
}

.relation__link {
  display: block;
  text-decoration: none;
  color: #333;
  box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
}

.relation__link:before {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 60%;
  content: "";
}

.relation__simu .relation__link:before {
  background: url(../../images/guide/pic_simulation.jpg) no-repeat center 0/cover;
}

.relation__apply .relation__link:before {
  background: url(../../images/guide/pic_application.jpg) no-repeat center 0/cover;
}

.relation__price .relation__link:before {
  background: url(../../images/business/pic_relation3.jpg) no-repeat center 0/cover;
}

.relation__title {
  font-size: 1.6rem;
  text-align: center;
}

.relation__title__ruby {
  font-size: 1.2rem;
  display: block;
  color: #bebfc0;
  speak: none;
}

.relation__btn {
  text-align: center;
}

.wideLink p {
  margin-bottom: 0;
  margin-top: 0;
}

.wideLink__link {
  background-color: #cc3333;
  color: #fff;
  text-decoration: none;
  display: block;
  text-decoration: none;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}
.wideLink__link:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.bnrGrp {
  padding-top: 2rem;
}

.bnrGrp__title {
  margin: 0 0 1rem;
  font-size: 1.6rem;
}

.bnrGrp__items {
  margin-top: 0;
  margin-bottom: 0;
}

.bnrGrp__item {
  width: 100%;
  margin-bottom: 2rem;
  transition: all 0.3s ease-in-out;
}

.bnrGrp__item:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.bnrGrp__item .img-responsive {
  margin-right: auto;
  margin-left: auto;
}

.kwdList__label {
  font-weight: bold;
}

.kwdList__word {
  margin-left: 0;
  margin-bottom: 1em;
}

.inputItem {
  margin-bottom: .5em;
  padding: 0.3em;
  border: 1px solid #f0f1f2;
}

.inputItem:focus {
  box-shadow: 0px 0px 3px #cc3333;
}

.inputItem-full {
  width: 100%;
}

.inputItem-half {
  width: 50%;
}

.inputItem-short {
  width: 20%;
}

.error {
  font-size: 1.4rem;
  margin: 0;
  color: #fe0304;
}

.img-responsive {
  max-width: 100%;
  display: block;
}
.img_responsive {
	width: 100%;
	height: auto;
}

.hidden-xs {
  display: none;
}

.visible-xs {
  display: block;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.list-none {
  list-style-type: none;
  padding-left: 0;
}

.fz--small {
  font-size: 83%;
}

.fz--large {
  font-size: 150%;
}

.txt--c {
  text-align: center;
}

.txt--r {
  text-align: right;
}

.float--l {
  float: left;
}

.float--r {
  float: right;
}

.list__decimel {
	margin: 0 0 0 2rem;
	padding: 0;
}
	.list__decimel li {
		list-style: decimal;
	}
	.list__decimel li:not(:last-child) {
		margin-bottom: 10px;
	}

@media screen and (min-width: 768px){
  body{
    overflow-x: visible;
  }
  .container-fluid{
    width: 1280px;
  }
  .local .container-fluid{
    padding-left: 123px;
    padding-right: 123px;
  }
  .breakout{
    margin-right: -123px;
    margin-left: -123px;
  }
  .sec-content{
    padding-right: 123px;
    padding-left: 123px;
  }
  .gHeader{
    height: 95px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    min-width: 1280px;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .siteName__link{
    width: 200px;
    margin-top: 1rem;
    margin-left: 3rem;
  }
  .navWrap{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: right;
        justify-content: right;
    -ms-flex-align: center;
        align-items: center;
  }
  .gNav{
		display: flex !important;
		align-items: center;
  }
  .gNav__items{
    display: table;
    background-color: #fff;
  }
  .gNav__item{
    position: relative;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    border-bottom-style: none;
    height: 92px;
  }
  .gNav__item:nth-child(n+2):before{
    position: absolute;
    top: 3.5em;
    left: 0;
    display: block;
    width: 1px;
    height: 20px;
    content: "";
    transform: rotate(20deg);
    background: #d2d3d4;
  }

	.gNav__sns {
    padding: 0 15px 0 5px;
		background-color: transparent;
		justify-content: flex-start;
	}
		.gNav__sns li {
      margin: 0 8px;
		}
			.gNav__sns li a {
			}
				.gNav__sns li a img {
          height: 25px;
				}

  .gNav .current{
    border-bottom: 2px solid #cc3333;
  }
  .gNav .current .gNav__item__link ,
  .gNav__item__link:hover {
    color: #cc3333;
  }
  .gNav__item__link br{
    display: block;
  }
  .gNav__item__link{
    font-size: 1.5rem;
    padding: 1em .7em 1em .5em;
    text-align: center;
    background: #fff;
  }
  .unitInfo{
    width: 100%;
    min-width: 1280px;
    max-width: 100%;
  }
  .unitInfo__inner{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .unitInfo__bnr{
    padding-left: 1.5rem;
  }
  .sitemap{
    overflow: hidden;
    -ms-flex: 1;
        flex: 1;
  }
  .sitemap > .row{
    min-height: 50%;
  }
  .sitemap__box{
    padding-top: 2rem;
    border-right: 1px solid #d63d3d;
  }
  .sitemap__item{
    margin-top: .8em;
    margin-bottom: 1em;
  }
  .sitemap__item:before{
    top: 0.5em;
  }
  .sitemap__item a{
    display: inline;
    border-bottom: none;
  }
  .sitemap__item a:hover{
    text-decoration: underline;
  }
  .sitemap__2nd{
    display: block;
    margin-left: 1em;
  }
  .unitArea{
    width: 375px;
    padding-top: 1rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    border-left: 1px solid #cc3333;
  }
  .unitArea__fig {
		padding: 0;
	}
  .content{
    padding-top: 95px;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .breadCrumb{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .pageHeader{
    margin-bottom: 5em;
  }
  .pageHeader.header--noMarginBottom {
    margin-bottom: 0;
  }
  .pageHeader .newsDetail__data {
    margin: 0 0 20px 0;
  }
  .pageHeader--visual{
    padding-top: 18rem;
    padding-bottom: 18rem;
  }
  .pageHeader__desc{
    font-size: 1.8rem;
    line-height: 1.8;
  }
  .pageTitle{
    font-size: 4rem;
  }
  .title--def{
    font-size: 2.6rem;
  }
  .title--paddingBottom {
    padding-bottom: 10px;
  }
  .title__ruby{
    font-size: 1.6rem;
  }
  .box{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .btn--back{
    font-size: 1.6rem;
  }
  .goback {
	  padding-top: 4em;
	  padding-bottom: 4em;
	  text-align: center;
	}
  .relation__link{
    position: relative;
    padding-top: 2rem;
    padding-right: 1rem;
    padding-left: 23rem;
  }
  .relation__link:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 23rem;
    height: 100%;
    padding-top: 0;
  }
  .relation__title{
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 2em;
  }
  .relation__btn{
    font-size: 1.4rem;
    text-align: right;
  }
  .wideLink{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .wideLink__link{
    font-size: 1.8rem;
  }
  .bnrGrp{
    padding-bottom: 3rem;
  }
  .bnrGrp__title{
    font-size: 2rem;
  }
  .hidden-xs{
    display: block;
  }
  .visible-xs{
    display: none;
  }
}

@media screen and (min-width: 1295px){
  .breakout{
    margin-right: calc(50% - 49.5vw);
    margin-left: calc(50% - 49.5vw);
  }
  .sec-content{
    padding-right: calc(49.5vw - 50%);
    padding-left: calc(49.5vw - 50%);
  }
}