@charset "utf-8";
@media screen and (max-width: 767px) {
 body {
  min-width: 100%;
 }
 /* pc / sp */
 .pc_only {
  display: none;
 }
 .sp_only {
  display: block;
 }
 #wrapper {
  clear: both;
  width: 100%;
  background: url("../images/head_bar.gif") repeat-x 0px 0px;
  background-size: auto 30px;
  padding: 0px 0px 0px 0px;
 }
 #header {
  background-size: auto 60px;
 }
 header {
  width: 100%;
  padding: 15px 3% 15px 3%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: none;
  margin: 0px auto 20px;
 }
	header h1 {
	 float: left;
		width: 70%;
	 font-size: 5.0vw;
	 line-height: 1.2em;
	 margin-right: 0%;
	 margin-left: 1%;
	}
	
 nav ul {
  display: none;
 }
 #mainvisual {
  clear: both;
  width: 100%;
  height: auto;
  min-height: auto;
  position: relative;
  margin: 0px auto;
  padding-bottom: 20%;
 }
 #mainvisual h2 {
  width: 90%;
  font-size: 5.6vw;
  letter-spacing: 0.020em;
  line-height: 1.3em;
  margin: 0px auto 40px;
 }
 #mv_copy {
  display: block;
  width: 90%;
  margin: 0px auto 20px;
 }
 #mv_copy img {
  display: block;
  width: 100%;
  height: auto;
 }
 .top_center {
  width: 96%;
  padding: 5% 0% 2%;
  margin: 0px auto 0px;
 }
 .tc_tel {
  font-size: 6vw;
  line-height: 1.2em;
 }
  .tc_tel a {
   color: #FFFFFF; 
  }
 #mv_left {
  position: absolute;
  left: 0.5%;
  bottom: 2%;
  width: 14%;
  height: auto;
  z-index: 1;
 }
 #mv_right {
  position: absolute;
  right: 0.5%;
  bottom: 2%;
  width: 15%;
  height: auto;
  z-index: 1;
 }
 #mv_left img {
  display: block;
  width: 100%;
  height: auto;
 }
 #mv_right img {
  display: block;
  width: 100%;
  height: auto;
 }
 #tc_title {
  width: 76%;
  font-size: 2.5vw;
  line-height: 1.3em;
  padding: 1% 1%;
  margin: 0px auto;
  top: -25%;
  left: 13%;
 }
 .top_center span {
  font-size: 2vw;
  letter-spacing: 0.020em;
 }
 #contents {
  padding: 10% 0px 10%;
 }
 #h2_tsuyomi {
  width: 96%;
  font-size: 4.2vw;
  margin: 0px auto 10%;
 }
 #h2_tsuyomi p {
  font-size: 4.8vw;
 }
 #h2_tsuyomi b {
  font-size: 10.0vw;
 }
 /*-----------------------------------*/
 .sec {
  width: 92%;
  margin: 0px auto 10%;
 }
 .sec p {
  font-size: 3.2vw;
  line-height: 1.6em;
 }
 .sec p.txt {
  width: 96%;
  font-size: 3.2vw;
  line-height: 2.0em;
  margin-bottom: 20px;
  margin: 0px auto 20px;
 }
 .cname span {
  font-size: 4.8vw;
  margin: 0px 0px 0px 20px;
 }
 .fleft {
  float: none;
 }
 .fright {
  float: none;
 }
 .box_tsuyomi {
  width: 100%;
  border-radius: 15px;
  padding: 40px 20px 30px 20px;
  margin-bottom: 0px;
  margin: 0px auto 14%;
 }
 .box_tsuyomi .num {
  width: 65px;
  height: 65px;
  font-size: 10vw;
  text-indent: 5px;
  padding: 3px 0px 0px;
  box-sizing: border-box;
  border-radius: 50%;
  top: -35px;
  left: 20px;
 }
 .box_tsuyomi h3 {
  font-size: 5.6vw;
  line-height: 1.2em;
  margin-bottom: 12px;
 }
 .box_tsuyomi p {
  font-size: 3.4vw;
  line-height: 1.5em;
 }
 .b_img {
  width: auto;
  height: 70px;
  position: absolute;
  bottom: 0;
  top: -40px;
  right: 3%;
 }
 .b_img img {
  display: block;
  width: auto;
  height: 100%;
 }
 .height01 {
  height: auto;
 }
 .title {
  border-bottom: 6px solid #83cb27;
  font-size: 7.4vw;
  line-height: 1.3em;
  padding-bottom: 10px;
  margin: 0px auto 8%;
 }
 #tit_price, #tit_concept, #tit_flow, #tit_staff, #tit_column, #tit_contact {
  width: 80%;
 }
 #tit_price::before, #tit_concept::before, #tit_flow::before, #tit_staff::before, #tit_column::before, #tit_contact::before {
  font-size: 3.2vw;
 }
 .flowbox dl {
  width: 100%;
 }
 #attention {
  width: 100%;
  font-size: 3.9vw;
  line-height: 1.3em;
  letter-spacing: 0.0025em;
  box-sizing: border-box;
  padding: 15px 10px 15px 10%;
  background: url("../images/ic_attention.png") no-repeat 2% 44%;
  background-size: 25px auto;
  margin: 0px auto 30px;
 }
 #h2_concept {
  width: 100%;
  font-size: 6vw;
  margin: 0px auto 30px;
  padding: 0px 0px 90px 0px;
  background: url("../images/img_concept.png") no-repeat bottom center;
  background-size: 100px auto;
 }
 .wrap {
  display: block;
 }
	#tesuryo0 {
	 clear: both;
	 width: 94%;
	 margin: 0px auto 20px;
	}
	
	#wrap_price {
 		display: block;
		width: 100%;
	}
	.pb_column {
	 width: 100%;
	 border-radius: 20px;
		margin: 0px auto 45px;
	}
	.pb_column:last-child {
		margin: 0px auto 10px;
	}
	.pb_column h2 {
		font-size: 6.4vw;
	}
	
	#h4_tesuryo {
	 font-size: 5.8vw;
		text-align: left;
		line-height: 1.4em;
	 margin: 0px 0px 25px 0px;
	}
	.tx_center {
		text-align: left;
		line-height: 1.8em!important;
	}
	.pb_column h3 {
	 line-height: 1.3em;
	 padding: 40px 0px 0px 0px;
	}
	
	.pb_column dl {
	 width: 90%;
	 display: block;
	 margin: 0px auto 10px;
	}
	.pb_column dl dt {
	 display: block;
	 width: 50%;
	 font-size: 3.5vw;
		padding: 3px 0px 3px 0px;
	}
	.pb_column dl dd {
	 display: block;
	 font-size: 3.2vw;
	 font-weight: bold;
	 line-height: 1.4em;
	 padding: 6px 0px 5px 0px;
	}
	.pb_column table th {
	 width: 36%;
	 font-size: 3.0vw;
	}
	.pb_column table td {
	 width: 64%;
	 font-size: 3.0vw;
	}

	
	
	
	
 .flowbox {
  display: block;
  width: 100%;
  margin-bottom: 80px;
 }
 .flowbox dl {
  width: 100%;
  border: 5px solid #83cb27;
  border-radius: 16px;
  padding: 3% 3% 4% 3%;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
 }
 .flowbox dl::after {
  content: none;
  background: none;
 }
 .flowbox dl dt {
  font-size: 5.4vw;
  margin-bottom: 10px;
 }
 .flowbox dl dd {
  clear: both;
  font-size: 3.4vw;
  line-height: 1.6em;
 }
 .box_staff {
  clear: both;
  width: 100%;
  padding-top: 30px;
  display: block;
  margin: 0px auto 20px;
 }
 .c_staff {
  width: 100%;
  margin-bottom: 30px;
 }
 .cs_main {
  width: 100%;
  height: auto;
  padding: 20px 20px 20px;
  box-sizing: border-box;
  position: static;
  margin-bottom: 20px;
 }
 .cs_main img {
  width: 40%;
  height: auto;
  position: static;
  margin-bottom: 4%;
 }
 .cs_main p {
  font-size: 3.5vw;
 }
 .cs_main p span {
  font-size: 6vw;
 }
 .sec p.txt_staff {
  font-size: 3.2vw;
  line-height: 1.6em;
  padding: 0px 1% 0px 2%;
  margin-bottom: 9%;
 }
 .box_staff dl dt {
  width: 38%;
  font-size: 3.5vw;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 0px;
  background-color: #626262;
  border-radius: 10px;
  position: absolute;
  top: -14%;
  left: 5%;
 }
 .box_staff dl dd {
  font-size: 3.4vw;
  line-height: 1.3em;
  border-radius: 10px;
  padding: 8% 4% 4%;
 }
 .clist {
  width: 100%;
  margin-bottom: 7%;
 }
 .clist a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
 }
 .clist ul li {
  display: inline-block;
  font-size: 3.2vw;
  padding: 4px 10px 3px 10px;
  margin-right: 2px;
 }
 /*-----------------------------------*/
 .in_contact {
  clear: both;
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 10px;
  border: 3px solid #565656;
  padding: 9% 0px 0px 0px;
 }
 .in_contact p.tit_incon {
  width: 96%;
  font-size: 3.2vw;
  line-height: 1.2em;
  background: url("../images/ic_bar.png") no-repeat 2% center #FFF;
  background-size: 2.5% auto;
  box-sizing: border-box;
  letter-spacing: 0.025em;
  padding: 2% 1% 2% 5.5%;
  border-radius: 10px;
  border: 3px solid #565656;
  position: absolute;
  top: -15%;
  left: 2%;
  z-index: 9;
 }
 .img_incon {
  width: 20%;
  position: absolute;
  top: -21%;
  right: 3%;
  z-index: 10;
 }
 .img_incon img {
  display: block;
  width: 100%;
  height: auto;
 }
 .in_contact ul {
  width: 94%;
  display: block;
  margin: 0px auto 5px;
 }
 .in_contact ul li {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
 }
 .in_contact ul li.bn_tel a, .in_contact ul li.bn_mail a {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
  padding: 3% 4% 2% 4%;
 }
 .in_contact ul li p.incon_sub {
  width: 28%;
  font-size: 3vw;
  line-height: 1.1em;
  text-align: center;
  border: 2px solid #FFF;
  padding: 4% 2%;
  margin-right: 2%;
 }
 .in_contact ul li p.in_tel {
  width: 67%;
  font-size: 5.4vw;
  line-height: 1.2em;
  letter-spacing: 0.1em;
 }
 .in_contact ul li p.in_tel span {
  display: block;
  font-size: 2.2vw;
  line-height: 1.1em;
 }
 .in_contact ul li p.in_mail {
  width: 67%;
  font-size: 4.8vw;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  padding: 4px 0px 0px 48px;
  background: url("../images/ic_mail_l.png") no-repeat 0px center;
  background-size: 34px auto;
 }
 /*-----------------------------------*/
 .contact_tel {
  width: 100%;
  display: flex;
 }
 .sec .c_caption {
  text-align: left;
  font-size: 3.0vw;
  line-height: 1.8em;
  margin-bottom: 9%;
 }
 .contact_tel a {
  display: flex;
 }
 .contact_tel p.incon_sub {
  width: 28%;
  font-size: 3vw;
  line-height: 1.1em;
  text-align: center;
  border: 2px solid #FFF;
  padding: 4% 2%;
  margin-right: 3%;
 }
 .contact_tel p.in_tel {
  width: 65%;
  font-size: 6.0vw;
  line-height: 1.2em;
  letter-spacing: 0.01em;
 }
 .contact_tel p.in_tel span {
  display: block;
  font-size: 2.4vw;
  line-height: 1.3em;
 }
 /*-----------------------------------*/
 #wrap_footer {
  padding: 5% 0px 5%;
 }
 #footer {
  width: 92%;
  margin: 0px auto;
 }
 #foot_left {
  float: none;
  width: 100%;
  font-size: 4.0vw;
  margin-bottom: 5%;
 }
 #foot_home {
  font-size: 4.2vw;
  padding: 0px 0px 0px 9%;
  background: url("../images/ic_fhome.png") no-repeat 0px 0px;
  background-size: 24px auto;
  margin-bottom: 4%;
 }
 #foot_left ul li {
  display: inline-block;
  width: 45%;
  margin: 0px 1% 3% 1%;
 }
 #foot_left ul li a {
  padding: 0px 0px 0px 7%;
  background: none;
 }
 #foot_right {
  float: none;
  width: 100%;
 }
 #foot_right h4 {
  font-size: 4.2vw;
  line-height: 1.3em;
  padding: 5px 0px 10px 5%;
  background: url("../images/ic_ftitle.png") no-repeat 0px 0px;
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 4%;
 }
 #foot_right p {
  font-size: 3.0vw;
  margin-bottom: 5%;
  line-height: 1.4em;
 }
 #foot_right p#foot_tel {
  font-size: 8.0vw;
  line-height: 1.1em;
  letter-spacing: 0.1em;
  margin-bottom: 0px;
 }
 
	
	#copyright {
	 display: block;
		box-sizing: border-box;
	 justify-content: space-between;
	 padding: 5% 5%;
	}
	#copyright ul {
	 width: 100%;
		text-align: center;
		margin-bottom: 5%;
	}
	#copyright ul li {
	 font-size: 3.2vw;
		text-align: center;
	 margin: 0px 2% 0px 2%;
	}
	#copyright ul li a {
	 color: #FFF;
	}
	#copyright p {
		display: block;
	 width: 100%;
	 font-size: 3.2vw;
	 text-align: center;
	}
	
 /*-----------------------------------*/
 #formbox {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 5% 5% 5% 5%;
  border: 5px solid #ececec;
  margin: 0px auto 30px;
 }
	
	
	.tx_right {
		text-align: right;
	 }
	.tx_right_sp {
		text-align: right;
	 }
	
	
 /*-----------------------------------*/
 .uline {
  background: url("../images/text_yline.png") repeat-x left bottom;
  background-size: auto 10px;
 }
 .waiting {
  min-height: auto;
 }
 .button a {
  width: 80%;
  font-size: 5.2vw;
  padding: 10px 0px 10px 0px;
  border-radius: 30px;
  margin: 0px auto 10%;
  border: 4px solid #565656;
  background: url("../images/ic_arr.png") no-repeat 90% center;
 }
}