.static-page-contents {
    margin: 40px 30px;
    padding: 10px 0;
}
.static-page-contents h1.default {
    font-size: 18pt;
    margin: 20px 0 0;
    padding: 8px 10px 2px;
    background: #f47922;
    color: #FFFFFF;
    border-radius: 20px;
    width: auto;
    height: 30px;
    text-align: center;
    line-height: 20px;
    text-height: 20px;
    vertical-align: text-bottom;
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.static-page-contents h2.default {
    font-size: 18pt;
    margin: 20px 0 0;
    padding: 8px 10px 2px;
    color: #f47922;
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

/*****
fixed-page-style
*****/

#fixed-page-wrapper{
  width: 96%;
  margin: 0 auto;
}

.here-icon{
  width: 92px;
  height: 126px
}

/**
* about
*/

.static-page-contents h1.about-section-header{
  margin:0 auto 30px;
  width:640px;
}
.about-section {
  margin: 30px auto;
  padding: 0 10px 10px;
  width: 620px;
}

.about-section .section-header {
  margin: 0 -10px;
}
.about-section .section-header img.number-icon{
  display: block;
  padding: 10px;
  margin: 0 0 -146px 0;
}
.about-section .section-header h2 {
  margin: 0;
  padding: 10px;
  background: #000000;
  color: #FFFFFF;
  font-size: 20pt;
}

.about-section .section-header h3 {
  margin: 0;
  padding: 10px;
  font-size: 28pt;
  color: #f47922;
}
.about-section .section-header h2,
.about-section .section-header h3{
  padding-left: 102px;
}

.about-section-text-normal{
  font-size: 110%;
  font-weight: bold;
  line-height: 150%
}

.about-section-text-s-center1,
.about-section-text-s-center2{
  font-size: 80%;
  text-align: center;
  line-height: 150%;
}

.about-section-text-s-right1{
  margin: 0 0 0 92px;
  font-size: 80%;
  line-height: 150%;
}

.about-section-text-120-right{
  font-size: 120%;
  font-weight: bold;
  text-align: right;"
}

.about-section-info-table{
  font-size: 24pt;
  margin: 0 auto;
}

.about-section-info-table td:first-child{
  width:200px
}

.about-section-red-important1{
  font-weight: bold;
  font-size: 36pt;
  color:red;
}


/**
* how to use
*/

.static-page-contents h1.howtouse-section-header{
  margin:0 auto 30px;
  width:640px;
}

.howtouse-section {
  margin: 30px auto;
  padding: 0 10px 10px;
  width: 620px;
}
.howtouse-section .section-header {
  margin: 0 -10px;
}
.howtouse-section .section-header img.number-icon{
  display: block;
  padding: 10px;
  margin: 0 0 -146px 0;
}
.howtouse-section .section-header h2 {
  margin: 0;
  padding: 10px;
  background: #000000;
  color: #FFFFFF;
  font-size: 20pt;
}

.howtouse-section .section-header h3 {
  margin: 0;
  padding: 10px;
  font-size: 28pt;
  color: #f47922;
}
.howtouse-section .section-header h2,
.howtouse-section .section-header h3{
  padding-left: 102px;
}


.howtouse-section-text-normal{
  font-size: 110%;
  font-weight: bold;
  line-height: 150%
}

.howtouse-section-text-small{
  font-size: 80%;
  line-height: 150%
}

.howtouse-section-text-s-center1,
.howtouse-section-text-s-center2{
  font-size: 80%;
  text-align: center;
  line-height: 150%;
}

.howtouse-section-text-s-right1{
  margin: 0 0 0 92px;
  font-size: 80%;
  line-height: 150%;
}

.howtouse-section-text-120-right{
  font-size: 120%;
  font-weight: bold;
  text-align: right;"
}

.howtouse-section-search-panel img{

}
.howtouse-section-search-button img{

}



/**
* contact
*/



/**
* company
*/

#company-section-wrapper{
  margin: 0 auto 30px;
  width:800px;
  line-height: 150%;
}
.company-section-sentence{
  margin: 0 auto 30px;
  width: 100%;
}
.company-section-info-dl{
  margin-bottom:1em;
  clear:left;
  box-sizing:border-box
}

.company-section-info-dl dt{
  float:left;
  display:block;
  margin-right:1.8em;
}
.company-section-info-dl dd{
    margin:0;
}
.company-section-info-dl dd ul{
  display:block;
  list-style:none;
  margin-left:40pt;
}

.company-section-info-dl dd ul li.mail{
  
}
.company-section-info-dl dd ul li{
  margin:0;
  padding:0;
  line-height:1.2em;
}

.company-section-fr-picture{
  float:right
}

.company-section-purple-area{
  background-color: #990033;
  color: white;
  font-size: 140%;
  text-align: center
}


/**
* usepolicy
*/

#usepolicy-section-wrapper{
  margin: 0 auto 30px;
  width:800px;
  line-height: 150%;
}


/**
* privacy
*/

#privacy-section-wrapper{
  margin: 0 auto 30px;
  width:800px;
  line-height: 150%;
}
.privacy-section-info-dl dt{
  float:left;
  display:block;
  margin-right:1.8em;
}
.privacy-section-info-dl dd{
    margin:0;
}
.privacy-section-info-dl dd ul{
  display:block;
  list-style:none;
  margin-left:60pt;
  padding-left:45pt
}

.text-block-right{
  width:580px;
  text-align:right;
}

@media only screen and (max-width:959px){


	/**
	* company
	*/
	#company-section-wrapper{
	  width:85%;
	}
	/**
	* usepolicy
	*/
	#usepolicy-section-wrapper{
	  width:85%;
	}
	/**
	* privacy
	*/
	
	#privacy-section-wrapper{
	  width:85%;
	}
}


@media only screen and (max-width:767px){

	/*fixed-icon*/
	#fixed-page-wrapper{
	  width: 93%;
	}
	.here-icon{

	}

	/**
	* about
	*/
	
	.static-page-contents h1.about-section-header{
	  width:85%;
	}
	
	.about-section {
	  padding: 0 8px 10px;
	  width: 85%;
	}
	.about-section .section-header {
	  margin: 0 -10px;
	}
	.about-section .section-header img.number-icon{
	  display: block;
	  padding: 10px;
	  margin: 0 0 -146px 0;
	}
	.about-section .section-header h2 {
	  margin: 0;
	  padding: 10px;
	  background: #000000;
	  color: #FFFFFF;
	  font-size: 20pt;
	}

	.about-section .section-header h3 {
	  margin: 0;
	  padding: 10px;
	  font-size: 28pt;
	  color: #f47922;
	}
	.about-section .section-header h2,
	.about-section .section-header h3{
	  padding-left: 102px;
	}
	/**
	* howtouset
	*/
	
	.static-page-contents h1.howtouse-section-header{
	  width:85%;
	}
	
	.howtouse-section {
	  padding: 0 8px 10px;
	  width: 85%;
	}
	.howtouse-section .section-header {
	  margin: 0 -10px;
	}
	.howtouse-section .section-header img.number-icon{
	  display: block;
	  padding: 10px;
	  margin: 0 0 -146px 0;
	}
	.howtouse-section .section-header h2 {
	  margin: 0;
	  padding: 10px;
	  background: #000000;
	  color: #FFFFFF;
	  font-size: 20pt;
	}

	.howtouse-section .section-header h3 {
	  margin: 0;
	  padding: 10px;
	  font-size: 28pt;
	  color: #f47922;
	}
	.howtouse-section .section-header h2,
	.howtouse-section .section-header h3{
	  padding-left: 102px;
	}


	.howtouse-section-search-panel img{
	  max-width:100%;
	  height:auto
	}
	.howtouse-section-search-button img{
	  max-width:100%;
	  height:auto
	}
	
	
	/**
	* company
	*/
	#company-section-wrapper{
	  width:90%;
	}
	.company-section-table-picture{
	  width:18%
	}
	/**
	* usepolicy
	*/
	#usepolicy-section-wrapper{
	  width:90%;
	}
	
	/**
	* privacy
	*/
	
	#privacy-section-wrapper{
	  width:90%;
	}	
	.text-block-right{
	  width:480px;
	}
}


@media only screen and (max-width:595px){

	/*fixed-icon*/
	
	.here-icon{
	  width:75px;
	  height:102px;
	}

	/**
	*	about
	*/
	
	.about-section .section-header img.here-icon{
	  display: block;
	  padding: 7px;
	  margin: 0 0 -116px 0;
	}
	.static-page-contents h1.about-section-header{
	  width:90%;
	}
	
	.about-section {
	  padding: 0 8px 10px;
	  width: 90%;
	}

	.about-section .section-header h2,
	.about-section .section-header h3{
	  padding-left: 88px;
	}
	
	.about-section-text-s-center1{
	  text-align:left
	}
	.about-section-text-s-right1{
	  margin: 0 0 0 88px;
	}
	
	.about-section-info-table{
	  font-size: 18pt;
	}
	.about-section-info-table td:first-child{
	  width:30%
	}
	.about-section-red-important1{
	  font-size: 30pt;
	}
	/**
	*	howtouse
	*/	
	.howtouse-section .section-header img.here-icon{
	  display: block;
	  padding: 7px;
	  margin: 0 0 -116px 0;
	}
	.static-page-contents h1.howtouse-section-header{
	  width:90%;
	}
	
	.howtouse-section {
	  padding: 0 8px 10px;
	  width: 90%;
	}
	.howtouse-section .section-header h2,
	.howtouse-section .section-header h3{
	  padding-left: 88px;
	}
	.howtouse-section .section-header h3{
	  padding-left: 10px;
	}
	.howtouse-section-text-s-center1{
	  text-align:left
	}
	.howtouse-section-text-s-right1{
	  margin: 0 0 0 88px;
	}
	
	.howtouse-section-info-table{
	  font-size: 18pt;
	}
	.howtouse-section-info-table td:first-child{
	  width:30%
	}
	.howtouse-section-red-important1{
	  font-size: 30pt;
	}
	
	
	/**
	* company
	*/
	#company-section-wrapper{
	  width:95%;
	}	
	.company-section-table-picture{
	  width:22%
	}
	
	.conmpany-section-fr-picture{
	  clear:right;
	  float:none
	}
	.company-section-purple-area{
	  text-align: left
	}
	/**
	* usepolicy
	*/
	#usepolicy-section-wrapper{
	  width:95%;
	}
	
	/**
	* privacy
	*/
	#privacy-section-wrapper{
	  width:95%;
	}

	.text-block-right{
	  width:400px;
	}
}


@media only screen and (max-width:479px){

	.here-icon{
	  width:63px;
	  height:86px;
	}
	.about-section .section-header img.here-icon{
	  padding: 5px;
	  margin: 0 0 -92px 0;
	}

	.about-section .section-header h2 {
	  font-size: 17pt;
	  padding-top:20px;
	  padding-bottom:20px;
	 
	}

	.about-section .section-header h3 {
	  font-size: 24pt;
	}

	.about-section-text-s-right1{
	  margin: 0 0 0 10px;
	}	

	.about-section .section-header h2,
	.about-section .section-header h3{
	  padding-left: 72px;
	}

	.about-section .section-header h3{
	  padding-left: 10px;
	}
	
	.howtouse-section .section-header img.here-icon{
	  padding: 5px;
	  margin: 0 0 -103px 0;
	}

	.howtouse-section .section-header h2 {
	  font-size: 17pt;
	  padding-top:20px;
	  padding-bottom:20px;
	}

	.howtouse-section .section-header h3 {
	  font-size: 24pt;
	}	
	
	
	.howtouse-section .section-header h2{
	  padding-left: 72px;
	}

	.howtouse-section-text-s-center1{
	  text-align:left
	}

	/**
	* company
	*/

	.company-section-info-dl dt{
	  clear:left;
	  float:none;
	  width:100%;
	  display:block
	}

	.company-section-info-dl dd{
	  width:100%;
	  display:block;
	  margin-left:10px
	}
	.company-section-info-dl dd ul{
	  width:100%;
	  display:block;
	  padding:0;
	  margin:0
	}
	.company-section-fr-picture{
	  float:none;
	  clear:right;
	  max-width:100%;
	  display:block;
	  margin:0 auto
	}
	
	/**
	* privacy
	*/
	
	.privacy-section-info-dl dt{
	  clear:left;
	  float:none;
	}
	.privacy-section-info-dl dd{
	    margin-left:10px;
	}
	.privacy-section-info-dl dd ul{
	  margin-left:0;
	  padding-left:0
	}

	.text-block-right{
	  width:100%;
	}
	
}


@media only screen and (max-width:363px){

	.about-section .section-header h3{
	  padding-left: 10px;
	}
	.about-section-text-s-right1{
	  margin: 0 0 0 10px;
	}		

}