body {
	background-color: #ffffff;
	margin: auto;
	max-width: 640px;
}

div {
	background-color: #ffffff;
    font-size: 14px;
}

main img {
    /*float: none;*/
  }

h1, h2 { 
	font-size: 16px;
}

p{
	margin:0;
	padding: 0;
}

ul{
	padding-left: 20px;
	font-size: 12.5px;
	color: #777;
	margin-top: 20px;
	margin-bottom: 40px;
	list-style: none;
}

/*ロゴ*/
.header{
	margin: 15px;
}

.Parts_logo_PW {
	margin: auto;
}

.Parts_logo {
	text-align: right;
	vertical-align: middle;
}

.Parts_logo{

}

/*画像*/
.img_bg_01{
	width: 100%;
	height: auto;
	/*text-align: center;*/
	position: relative;
	background-color: #fff;
	font-size: 100%;
}

.greeting p {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	line-height: 2em;
	text-align: center;
  }

  .greeting {
  	padding: 70px 0;
  }

.text_01{
	background-color:#ff4e48;
	height: auto;
	width: 100%;
	text-align: justify;
	padding: 18px 30px 14px 30px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

.text_01-2 p {
	font-size: 0.5em;
	text-align: left;
}

.grid-1 {
	margin: 15px 0;
}

.grid-2 {
	margin: 15px 0 39px 0;
}

.img_bg_02{
	background-image: url("../img/Parts_BG_01.jpg");
	background-size: 100%;
}


.img_bg_02 ul{
	list-style: none;
  	padding: 5% 7%;
}

.text_notice{
	background-color:#aaaaaa;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 14px 0px 14px 0px; 
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}


/*注意事項*/

.notice {
  	padding: 2% 7%;
  	color: #777;
}

.notice a {
/*	position: absolute;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);*/
	margin:0;
	padding:0;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #4288ff;
  }

.notice p{
  	text-align: left;
  }

h6{
	background-color:#31465a;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 14px 0px 14px 0px; 
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
}


/*問い合わせ先*/
.info{
	background-color:#fff;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 20px 24px 20px 24px; 
	font-size: 1em;
	font-weight: bold;
	color: #555;
}

.info_name {
    margin: 0.5em 0 1em 0;
    background: #fff;
    padding: 30px;
	border: solid 2px #31465a;/*線*/
}

.box-title {
	padding-bottom: 15px;
    text-align: center;
    letter-spacing: 0.05em;
}

.info_tel{
	font-size:2.6em;
}

.info_tel a {
	text-decoration: none;
	color: #31465a;
}

.info_hours{
	font-size:1.4em;
}

/*流れー新規窓口*/
.info_newcommer {
    margin: 0;
    background: #fff;
    padding: 15px;
	border: solid 2px #709bd4;/*線*/
}

.text_newcommer{
	color: #709bd4;
}

.info_tel_2 a {
	text-decoration: none;
	color: #709bd4;
	font-size:2.6em;
}

/*cマーク*/
.c_mark{
	background-color:#31465a;
	height: 60px;
	width: 100%;
	margin-bottom: 13%;
	text-align: center;
	padding-top: 15px; 
	font-size: 0.8em;
	color: #fff;
}

/*案内ボタン*/
.button{
  	padding: 0 5%;
  	background-color: transparent;
}

.btn-success.btn-lg {
  	text-align: center;
	width: 100%;
	height: 10%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
	margin: 5px 0 40px 0;
	background-color: #0080c3;
	border-color: #0080c3;
}

.btn-orenge.btn-lg {
	color: #fff;
	width: 100%;
	height: 10%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
	margin: 20px 0 42px 0;
	background-color: #ff8011;
	border-color: #ff8011;
}

.btn-cball.btn-lg {
	color: #fff;
	width: 100%;
	height: 10%;
	font-size: 1.3em;
	font-weight: bold;
	padding: 3px;
	margin: 20px 0 60px 0;
	background-color: #f684a1;
	border-color: #f684a1;
}

.btn_text{
	font-weight: bold;
	margin-top: 28px;
	font-size: 1.3em;
	text-align: center;
}

/*広告審査番号*/
.adnumber{
  color: #ccc;
  text-align: right;
  font-size: 0.8em;
}


/*電話番号バナー*/
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 100%;
}


/*トップに戻るボタン*/
#pageTop{
    position:fixed;
    right: 5%;
    bottom: 10%;
    text-align:center;
    background:rgba(45,20,151,0.5);
    border-radius:25px;
    border:solid 2px rgba(255,255,255,0.5);
}

#pageTop:hover{
    background:rgba(253,229,92,0.7);
}

#pageTop a{
    color:#fff;
    font-size:200%;
    line-height:1em;
    padding:0.4em 0.5em 0;
    text-decoration:none;
    display:block;
    cursor:pointer;
}

.btn_tel{
	font-size: 1.4em;
}


*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


/*ボタン　その他と主な共通部分は省略*/

a.btn--green {
  color: #fff;
  background-color: #094;
}

a.btn--green:hover {
  color: #fff;
  background: #00a349;
}

a.btn--green.btn--cubic {
  border-bottom: 5px solid #00662d;
}

a.btn--green.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #00662d;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.btn-c i.fa {
  margin-right: 1rem;
}