@charset 'UTF-8';
/* Scss Document */
header {
  background-color: #A4C7E7;
	border-bottom: 2px solid #A4C7E7;
}

h1 a img {
  width: 220px;
}

.wrapgNav,
.h_12:after,
.h_13,
.blogArea01 .blogDay,
.btn02:hover,
.pagetop a:hover,
.btn04 {
  background-color: #FFF;
}
.h_02 {
  background-color: #A4C7E7;
  color: #FFF !important; 
}
.linkArea{
  /*background-color: #FCFCFC;*/
	display: none;
}
.pagetop a {
  background-color: #D3E2EF;
}

.h_03,
.h_04,
.h_05,
.h_06,
.h_07:before,
.h_07:after,
.h_08,
.h_10,
.h_14,
.h_14:beofre {
  border-color: #001F6C;
}

.btn03 {
  border-color: #001F6C;
}

.h_13:after {
  border-top-color: #001F6C;
}

.h_03,
.h_04,
.h_05,
.h_06,
.h_07,
.h_08,
.h_09,
.h_10,
.h_12,
.h_14,
.newsArea02 .blogBox dt,
.blogArea02 .blogDay,
.btn03 {
  color: #001F6C;
}

.gNav li a,
.h_02,
.h_11,
.h_13,
.blogArea01 .blogDay {
  color: #707070;
}

.gNav .gNav8 {
  clear: both;
}

.gNav li a {
  border-color: #FFF;
}

.gNav li:hover {
  background-color: #F9DC84;
}
.bread {
  padding: 0 20px;
}
.imgArea01 {
  background-color: #FFF;
}
h2 {
	margin-bottom: 20px;
}
caption {
	font-weight: bold;
	color: #707070;
}
.footer01 {
    background-color: #A4C7E7;
}
.footer01 .fNav a {
    color: #FFF;
}
.copyright {
  background-color: #A4C7E7;
  color: #FFF;
}
.contactBox01 .contactBtn p {
  color: #FFF;
}
.contactBox01 .contactBtn a img {
   max-width: 60px; 
}
.copyright {
  
}
.contactBox02 .contactBtn a:after {
  color: #A67F4C;
}

.contactBox02 .contactBtn p.ttl {
  color: #969696;
}

.contactBox02 .contactBtn p {
  color: #A67F4C;
}

.contactBox03 .contactBtn {
  background-color: #F7F5F3;
}

/*プライバシーポリシー*/
.privacyBox {
	width: 90%;
	max-width: 800px;
	height: 300px;
	overflow: auto;
	margin: 0px auto 70px;
	padding-top: 15px;
	border: 1px solid #D0D0D0;
	background-color: #fff;
}
.privacyBox h2 {
	padding-left: 2em;
	font-weight: bold;
}
.privacyBox .ttl {
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #666;
	text-align: center;
}
.privacyText {
	margin-top: 30px;
	padding: 0px 30px;
	font-size: 13px;
	line-height: 25px;
	color: #666666;
	text-align: left;
}
.privacyList {
	height: auto;
	width: 100%;
	margin-top: 60px;
	font-size: 13px;
	line-height: 25px;
	text-align: left;
}
.privacyList dt {
	padding: 0px 30px;
	font-weight: bold;
	color: #666;
}
.privacyList dd {
	color: #666666;
	padding: 0px 30px 30px 60px;
}
dl.privacyList dd.ga a{
    color: #000000;
    text-decoration: underline;
}
dl.privacyList dd.ga a:hover{
    background-color: #ddd;
}

/*page01.php*/
thead tr.lp100 td {
	 width: 50%; 
}
/*page01.php*/

/*page03.php*/
.blueArea {
  padding: 100px 0 20px;
  background-color: #EBF5FF;
}
.Casebox {
  overflow: hidden;
  border-bottom: 1px solid #A4C7E7;
}
/*page03.php*/

/*page04.php*/
.faqBox .faqBox01 {
  background-color: #EBF5FF;
}
.faqBox .faqBox01 p {
  padding-left:  35px;
  position: relative;
}
.faqBox .faqBox01 p:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 25px;
  height: 36px;
  background-image: url(../img/user/qa01.png);
  background-position: top left;
  background-repeat: no-repeat;
}
.faqBox .faqBox02 {
  background-color: #F9FCFF;
}
.faqBox .faqBox02 p {
  padding-left:  35px;
  position: relative;
}
.faqBox .faqBox02 p:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 25px;
  height: 36px;
  background-image: url(../img/user/qa02.png);
  background-position: top left;
  background-repeat: no-repeat;
}

/*page04.php*/


@media screen and (max-width: 736px) {
  #inHeader {
    justify-content: left;
    background-image: none;
    border-bottom-color: none;
  }
	
  #toggle a {
    background-color: #FFF;
  }

  .gNav li a {
    border-color: #E8E8E8;
  }
	
	.bread {
    display: none;
	}
	
	h2 {
    padding: 0;
	}

	h2.news_h_02 {
    padding: 10px;
	}

	h3 {
    line-height: 2;
	}

  .pagetop {
    margin-bottom: -31px;
  }
  
  /*page01.php*/
	thead tr.lp100 td {
		 width: 100%; 
		 display: block; 
	}
	/*page01.php*/
	
  /*page02.php*/
	.flowlist {
    width: 100%;
    padding: 20px;
}
	/*page02.php*/

  /*page03.php*/
	.Casebox {
		width: 90%;
		margin: 0 auto;
	}
	/*page03.php*/

}