@charset "UTF-8";

/*PC用*/
@media screen and (min-width:641px) {
  .pc { display: block !important }
  .sp { display: none !important }
  .h_menu, #sp_global_nav { display: none; }

  /* CSS Document */
  .h2-box { background: url(../images/mizumawari/h2.jpg) no-repeat top; height: 220px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 35px; }
  .bg_box { background: url(../images/mizumawari/bg.jpg); padding-bottom: 45px; }
  #menu { margin-bottom: 45px; }
  #menu .menu_list { width: 800px; margin-bottom: 43px; }
  #menu .point_list { width: 580px; margin: 0 auto 50px; }
  #menu .point { color: #000000; font-size: 22px; font-weight: bold; margin-bottom: 26px; }
  #menu .point:before { content: url(../images/mizumawari/check.jpg); margin-right: 19px; vertical-align: sub; }
  #menu .txt { width: 368px; color: #0a090a; font-size: 16px; line-height: 1.8; position: absolute; bottom: 30px; right: 45px; }
  #page_mizumawari02 .answer { margin-bottom: 29px; border-top: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; background: url(../images/mizumawari/bg_dot.png); }
  #page_mizumawari02 .answer .right_box { padding: 10px 24px 20px 20px; }
  #page_mizumawari02 .answer .txt { color: #000000; font-size: 14px; line-height: 1.8; letter-spacing: -0.06em; }
	#box1 { 
	margin-bottom: 40px;
    background-image: url(../images/index/contact-bg.jpg);
	list-style: none;
	}
	#box1 .inner { margin: 0 auto; position: relative; padding-top: 18px; padding-bottom: 24px; }
	#box1 .inner .box-con1{ margin: 0px 20px; }
	#box1 .inner .box-con2 { margin: 0px 20px; }
	#box1 .inner .box-con1 li:first-child{ padding-right:20px; margin-top: 20px;}
	#box1 .inner .box-con2 li:first-child{ padding-right:20px; }
	#box1 .inner img { max-width: 100%; }
	}
	#reform_contents { margin-top:-40px; padding-top:40px; }
	

/*SP用*/
@media screen and (max-width:640px) {
  .pc { display: none !important }
  .sp { display: block !important }
  img { max-width: 100%; height: auto; width: auto; }
  body { min-width: auto !important; overflow: inherit !important; }
  .sp_tac { text-align: center !important; }
  .sp_tar { text-align: right !important; }
  .sp_mb15 { margin-bottom: 15px !important; }
  .sp_mb20 { margin-bottom: 20px !important; }
  div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }
  .h2-box { background: url(../images/mizumawari/h2.jpg) no-repeat top; height: 220px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 35px; }
  .bg_box { background: url(../images/mizumawari/bg.jpg); padding: 6vw 4vw; }
  #menu { margin-bottom: 5%; }
  #menu .menu_list li { margin-bottom: 20px; width: 48%; }
  #menu .menu_list { margin-bottom: 15px; }
  #menu .point_list { width: 100%; margin: 0 auto 30px; }
  #menu .point { color: #000000; font-size: 4vw; font-weight: bold; margin-bottom: 15px; width: 100%; padding: 0px 0 0px 8vw; line-height: 1.6; background: url(../images/mizumawari/check.jpg) no-repeat; background-size: 6vw; }
  #menu .txt { width: 100%; color: #0a090a; line-height: 1.8; padding: 20px 0 0; font-size: 14px; }
  #page_mizumawari02 .answer { margin-bottom: 29px; background: url(../images/mizumawari/bg_dot.png); border: 1px solid #b3b3b3; }
  #page_mizumawari02 .answer div:first-child { text-align: center; padding: 20px 0 0; }
  #page_mizumawari02 .answer .right_box { padding: 4vw; }
  #page_mizumawari02 .answer .txt { color: #000000; font-size: 14px; line-height: 1.8; letter-spacing: -0.06em; }
  #page_mizumawari02 .answer h5 { width: 80%; }
  .ten { display: block; }
  .main_column .d_block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
  .main_column .d_block div { width:48%; margin:0 1% 15px; }
	#box1 {
	margin-bottom: 25px;;padding: 4vw 2vw;
	background-image: url(../images/index/contact-bg.jpg);
	 position: relative; top: 0;left: 0;}
	#box1 .inner {margin: 0 auto;padding: 0 0;list-style: none;display: block;}
	#box1 .ten-ce {display: block;}
	#box1 .box-con1 li:first-child {position: absolute; top: 25vw;left:3vw;right:3vw;}
	#box1 .box-con1 li:last-child{position: absolute; top: 3vw;left:3vw;right:3vw;}
	#box1 .box-con2 {padding-top: 30vw;}
	#box1 .box-con2 li:first-child {padding-bottom: 3vw;}
}