@charset "utf-8";


/* cv1
------------------------------------------------------------ */
.cv1 {
  width: 100%;
  background: #09224e;
  color: #FFF;
}
.box_cv_logo {
  padding: 4rem;
}
.box_cv_logo img {
  width: 50%;
}
.box_cv_inq {
  padding: 2rem;
}
.box_cv_inq img {
  width: 90%;
}
.cv_inq a {
  display: block;
  width: 480px;
  padding: 2rem 0;
  background: rgba(237,181,11,1.0);
  border: 2px solid #FFF;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 0em;
  color: #FFF;
  text-align: center;
  text-decoration: none;
}
.cv_inq a:hover {
  background: rgba(237,181,11,0);
  border: 2px solid #FFF;
}

/* cv2
------------------------------------------------------------ */
.cv2 {
  width: 100%;
  background: #222;
  color: #FFF;
}

.lead {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-bottom: 2rem;
  font-size: 2em;
  line-height: 1.4em;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

.box_cv_logo {
  padding: 4rem;
}
.box_cv_logo img {
  width: 50%;
}
.box_cv_inq {
  padding: 2rem;
}
.box_cv_inq img {
  width: 90%;
}
.cv_inq a {
  display: block;
  width: 480px;
  padding: 2rem 0;
  background: rgba(237,181,11,1.0);
  border: 2px solid #FFF;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 0em;
  color: #FFF;
  text-align: center;
  text-decoration: none;
}
.cv_inq a:hover {
  background: rgba(237,181,11,0);
  border: 2px solid #FFF;
}

/* mainvisual
------------------------------------------------------------ */
.mainv {
  width: 640px;
  margin: 0 auto;
  padding: 8rem 0;
}
.mainv img {
  width: 100%;
}

/* sec
------------------------------------------------------------ */
/* sec01 */
.sec01 {
  width: 100%;
  padding: 4rem 0 6rem;
}

/* wrap */
.wrap {
  width: 1080px;
  margin: 0 auto;
}
.wrap_flow {
  width: 1080px;
  margin: 0 auto;
}
.wrap_cv {
  width: 1080px;
  margin: 0 auto;
}

/* background */
.bg_whi { background: #FFF; }
.bg_gra { background: #DDD; }
.bg_gre { background: #f6fff6; }
.bg_blu { background: #c5c9d2; }
.bg_red { background: #fff3f3; }
.bg_dblu { background: #09224e; }
.bg_lgre {background: #c0f3f0;}
/* border */
.bd_blk1 { border: 1px solid #000; }
.bd_gra1 { border: 1px solid #DDD; }
.bd_gra2 { border: 2px solid #DDD; }
.bd_blu1 { border: 1px solid #f1f8ff; }

/* txt */
.txtred {color: #e74348}





/* img */
img.arrow01 {
  width: 20%;
}

/* margin, padding */
.pd_col-6_img {
  padding-top: 1rem;
  padding-bottom: 0;
}
.pd_col-6_article {
  padding-top: 1rem;
  padding-left: 2rem;
}
.mg_wrap_flow {
  margin-bottom: 8rem;
}
.mg_wrap_flow_arrow {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.pd2 {
  padding: 2rem;
}

/* container */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  /*padding-right: 15px;
  padding-left: 15px;*/
}

.col-1 { /* 横に均等に12並ぶ */
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 { /* 横に均等に6並ぶ */
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 { /* 横に均等に4並ぶ */
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 { /* 横に均等に3並ぶ */
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 { /* 横に均等に2並ぶ */
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-1 {margin-left: 8.333333%;}
.offset-2 {margin-left: 16.666667%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.333333%;}
.offset-5 {margin-left: 41.666667%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.333333%;}
.offset-8 {margin-left: 66.666667%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.333333%;}
.offset-11 {margin-left: 91.666667%;}
.offset-1_5 {margin-left: 12.5%;}


/* form */
div.formitem {
  width: 100%;
}

input[type=radio] {
  display: none;
}

.radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  width: 34%;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #ebedef;
  vertical-align: middle;
  cursor: pointer;
}
label.radio{
	font-size: 1.6rem;
}
.radio:hover {
  background-color: #e2edd7;
}
.radio:hover:after {
  border-color: #53b300;
}

.radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}
.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 47%;
  left: 19px;
  display: block;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}

input[type=radio]:checked + .radio:before {
  opacity: 1;
}

input[type=number] {
  text-align: right;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}

.number {
  box-sizing: border-box;
  width: 12rem;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  margin: 0 1rem 1rem 0;
  padding: 0.4rem 1rem;
  border-radius: 4px;
  border: 2px solid #DDD;
  vertical-align: middle;
  font-size: 3.6em;
}
.number:hover {
  background-color: #e2edd7;
}

span.unit {
  font-size: 2.6em;
}

div.resultwrap {
  box-sizing: border-box;
  margin: 0 0px 8px 0;
  padding: 3rem 4rem;
  border-radius: 8px;
  background-color: #ebedef;
}
div.resultwrap form input[type="submit"]{
  background: #1a2b97;
  border:none;
  color: #fff;
  width: 100%;
  font-size: 15px;
  margin-top: 15px;
  border-radius: 10px;
  padding: 10px;
}
div.resultwrap form input[type="submit"]:disable{
  background: #1a2b97;
}
div.resultwrap form input[type="submit"]:hover{
  opacity: 0.5;
}
div.boxresult{
  margin-bottom: 20px;
}
div.boxresult:nth-child(2){
  margin-bottom: 0;
}
div.boxresult input {
  width: 100%;
  padding: 5px 0;
  font-size: 18px;
}
h4.formlabel {
  font-weight: normal;
  font-size: 2.6em;
  line-height: 1em;
}
h4.resultlabel {
  padding: 1rem 0;
  font-weight: normal;
  font-size: 2.8em;
  line-height: 1em;
  text-align: center;
  background: #DDD;
  margin-bottom: 10px;
}

p.resultlabel {
  text-align: center;
}
p.resultnum {
  text-align: center;
}
span.resultrate {
  font-weight: 200;
  font-size: 5em;
  line-height: 1em;
}
span.resultfrom {
  font-weight: 200;
  font-size: 4em;
  line-height: 1em;
}
span.resultto {
  font-weight: 200;
  font-size: 4em;
  line-height: 1em;
}
span.resultrange {
  padding: 0 1rem;
  font-size: 3.0em;
  line-height: 1em;
}
span.resultunit {
  font-size: 3.0em;
  line-height: 1em;
}

.cf:before,.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
.tl {
	text-align: left;
}

/* sec_company
------------------------------------------------------------ */
.mainv_company {
	width: 100%;
  margin: 0 0 2rem;
  padding: 2rem 0;
	background: #DDD url(../img/ban_company.jpg) 50% 50%;
  text-align: center;
}
.mainv_company h2.ttl_company {
  margin: 1.6rem 0;
  padding: 0;
  font-size: 1.6em;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  background: none;
  color: #FFF;
}
.mainv_company p.lead {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  color: #FFF;
}
.mainv_company img.logo_company {
  width: 6%;
}

dl.company_info {
	width: 1080px;
	margin: 0 auto;
  box-sizing: border-box;
}
dl.company_info dt {
	float: left;
	width: 24%;
	margin: 0 0 1rem;
	padding: 1rem 2%;
	border-bottom: 2px solid #999;
}
dl.company_info dd {
	float: left;
	width: 76%;
	margin: 0 0 1rem;
	padding: 1rem 2%;
	border-bottom: 1px solid #999;
}
dl.company_info dd:last-child {
	margin-bottom: 0;
}






/* max-width:799px
-------------------------------------------------------------------------------- */
@media screen and (max-width:799px) {

body {
  box-sizing : border-box;
}

  .sp{ display: block; }
  .pc{ display: none!important; }

  /* top
  ------------------------------------------------------------ */
  .top {
    padding-top: 0rem;
    background: #fff;
    border: none;
  }

  /* header
  ------------------------------------------------------------ */
  header {
    position: fixed;
    width: 100%;
    padding: 0.6rem 4% 0.6rem;
    display: inherit;
    background: #FFF;
    border-top: 6px solid #093d97;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    z-index: 9998;
  }

  header ul.hd_sp {
    display : flex;
    display : -webkit-flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  header ul.hd_sp li {
    margin-left: 1rem;
  }
  header ul.hd_sp li:first-child {
    margin-right: auto;
    margin-left: 0;
  }

  header ul.hd_sp li img {
    height: 2.2rem;
  }
  header ul.hd_sp li:first-child img {
    height: 2rem;
  }

  /* footer
  ------------------------------------------------------------ */
  footer .box_footer {
    display: block;
    width: 100%;
  }

  footer .box_footer .logo {
    width: 100%;
    margin: 0 auto;
  }
  footer .box_footer .logo img {
    width: 40%;
  }
  footer .box_footer .link {
    width: 100%;
    margin: 2rem auto 0;
  }
  footer .box_footer .link ul li {
    padding: 0.8rem 1rem;
    border-top: 1px solid #505050;
  }
  footer .box_footer .link ul li:last-child {
    border-bottom: 1px solid #505050;
  }
  footer .box_footer .link ul li a {
    display: block;
  }
  footer p {
    margin-top: 2rem;
  }

  /* cv1
  ------------------------------------------------------------ */
  .cv1 .wrap {
    width: 96%;
    margin: 0 2%;
  }
  .box_cv_logo {
    padding: 1rem 0 1rem;
  }
  .box_cv_logo img {
    width: 60%;
  }

  .cv_inq a {
    display: block;
    width: 100%;
  }

  /* mainvisual
  ------------------------------------------------------------ */
  .mainv {
    width: 90%;
    margin: 0 auto;
    padding: 6rem 0 2rem;
  }
  .mainv img {
    /*width: auto;
    max-height: 200px;*/
  }

  /*
  ------------------------------------------------------------ */

  /* sec
  ------------------------------------------------------------ */
  /* sec01 */
  .sec01 {
    padding: 4rem 0 1rem;
  }

  /* wrap */
  .wrap {
    width: 100%;
  }
  .wrap_flow {
    width: 100%;
    margin-bottom: 2rem;
  }
  .wrap_cv {
    width: 100%;
  }
  .cv_tel {
    width: 100%;
  }
  .cv_tel img{
    width: 100%;
  }

  /* h */
  h3 {
    width: 92%;
    margin: 0 4%;
  }

  /* p */
  p.article_c {
    text-align: left;
  }
  p.article_l {
  }

  /* img */
  img.arrow01 {
    width: 60%;
  }

 /* margin, padding */
  .pd_col-6_img {
    padding-bottom: 1rem;
  }
  .pd_col-6_article {
    padding-left: 0;
  }
  .mg_wrap_flow {
    margin-bottom: 2rem;
  }
  .mg_wrap_flow_arrow {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  /* container */
 .row {
    width: 100%;
  }

  .col-3 { /* 横に均等に2並ぶ */
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }

  .col-4 { /* 横に均等に2並ぶ */
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }

  .col-6 { /* 横に均等に2並ぶ */
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }

  .offset-1_5 {margin-left: 0;}



  span.resultrate {
    font-weight: 200;
    font-size: 3.0em;
    line-height: 1em;
  }
  span.resultfrom {
    font-weight: 200;
    font-size: 3.0em;
    line-height: 1em;
  }
  span.resultto {
    font-weight: 200;
    font-size: 3.0em;
    line-height: 1em;
  }

  /* form */
  div.formitem {
    width: 100%;
    text-align: center;
	margin-bottom: 40px;
  }
  .radio {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 12px 12px 12px 42px;
    border-radius: 8px;
    background-color: #ebedef;
    vertical-align: middle;
    cursor: pointer;
  }

  /* sec_company
  ------------------------------------------------------------ */
  .mainv_company h2.ttl_company {
    margin: 1.2rem 0;
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .mainv_company p.lead {
    font-size: 1.0em;
    line-height: 1.4em;
  }
  .mainv_company img.logo_company {
    width: 36%;
  }

  dl.company_info {
    width: 96%;
    margin: 0 2%;
    box-sizing: border-box;
  }


  /* slider
  ------------------------------------------------------------ */
  .slider {
    width: 100%;
    height: calc(100vw * 2 / 3);
  }








		h4.formlabel {
			font-size: 2.6rem;
			}
			.number {
					width: 50%;
					font-size: 2.4em;
				}
				span.unit {
					font-size: 2.0rem;
				}
				h4.resultlabel {
						font-size: 1.6em;
						line-height: 1em;
						text-align: center;
					}
					label.radio {
						font-size: 2.2rem;
					}
				div.resultwrap {
					margin-top: 20px;
				}


}


@media screen and (min-width:800px) {
  .sp {
    display: none !important;
  }