/* -----------------------------------
	main
----------------------------------- */

.main {
  width:90%;
  max-width:1000px;
  margin:50px auto 0 auto;
  text-align:center;
}

/* -----------------------------------
	support
----------------------------------- */

#support section{
  margin-bottom:5em;
}	
	
#support h1{
  font-size:30px;
  font-weight:500;
  margin-bottom:1.5em;
  padding-bottom:20px;
  border-bottom:1px solid #84919E;
}

#support h2{
  font-size:24px;
  font-weight:600;
}

#support p.support-01{
  margin-bottom:100px;
}

#support p{
  font-size:20px;
}

#support p.number{
  font-size:24px;
  font-weight:600;
  padding-left:0.5em;
  margin-bottom:1.5em;
}

#support ul{
  font-size:24px;
  font-weight:500;
  margin-bottom:1.5em;
}

#support ul li{
  font-size:20px;
  margin-bottom:1em;
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.support-button {
  display: inline-block;
  width: 450px;
  text-align: center;
  text-decoration: none;
  font-size:24px;
  font-weight:600;
  line-height:1.4;
  padding: 16px 30px;
  outline: none;position: relative;
  z-index: 2;
  background-color: #84919E;
  border: 1px solid #84919E;
  color:#FFF;
}

.support-button:hover {
  background-color: #FFF;
  border-color: #84919E;
  color: #84919E;
  text-decoration: none;
}

.support-button::before,
.support-button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #84919E;
}

.support-button,
.support-button::before,
.support-button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.support-button::before {
  right: 0;
}
.support-button::after {
  left: 0;
}
.support-button:hover::before,
.support-button:hover::after {
  width: 0;
  background-color: #888;
}

.home {
  margin:100px auto 130px auto;
  text-align:center;
}

@media screen and (max-width:1024px){
#support section{ margin-bottom:4em;}	
#support p.support-01{ margin-bottom:70px;}
#support h1{ font-size:26px; padding-bottom:20px;}
#support h2{ font-size:20px;}
#support p.support-01{ margin-bottom:70px;}
#support p{ font-size:16px;}
#support p.number{ font-size:18px; margin-bottom:1.5em;}
#support ul{ font-size:18px; margin-bottom:1.5em;}
#support ul li{ font-size:16px; margin-bottom:0.4em;}
.support-button { font-size:18px;}
.home { margin:15% auto;}
}

@media screen and (max-width:559px){
.main { width:86%;}
#support h1{ font-size:24px;}
#support h2{ font-size:18px;}
#support p{ font-size:14px;}
#support .btn-box { width: 90%;margin:0 auto;text-align:center;}
#support .btn-box a { display:inline-block;}
.support-button { width: 100%;height: auto;font-size:16px;line-height: 1.4;}
.home { margin:8% auto;}
}

/* -----------------------------------
	catalog
----------------------------------- */

#catalog h3{
  background: #B2BAC2;
  font-size:115%;
  color:#FFF;
  font-weight:normal;
  margin-bottom:4px;
  padding:6px 1em;
}

table.detail-catalog-table{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  empty-cells:show;
  margin-bottom:3em;
}

.detail-catalog-table tr {
  cursor:pointer;
}
	
.detail-catalog-table tr:hover {
  background: #B2BAC2;
  color:#FFF;
}

.detail-catalog-table th{
  background: #F5F5F5;
  font-weight:normal;
  padding:0.5em 1em;
  text-align:center;
  vertical-align: middle;
  border-left:1px solid #DADADA;
}

.detail-catalog-table th:first-child {
  border-left:none;
}

.detail-catalog-table td{
  border-left: 1px solid #DADADA;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  padding:0.5em 1em;
}

.detail-catalog-table td:first-child {
  border-left:none;
}

.detail-catalog-table td:nth-child(2n) {
  width:25%;
  text-align:center;
  vertical-align: middle;
}

.detail-catalog-table td img{
  padding-right:4px;
}

p.pdf-title{
  background: #444444;
  font-size:115%;
  color:#FFF;
  font-weight:normal;
  margin-bottom:8px;
  padding:6px 1em;
}

/* -----------------------------------
	policy
----------------------------------- */

#policy {
  font-size:16px;
}

#policy h1 {
  font-size:30px;
  font-weight:500;
  margin:0 auto 120px auto;
  text-align:center;
}

#policy h2 {
  font-size:20px;
  font-weight:500;
  margin-bottom:50px;
}

#policy p.h2-sub {
  margin-bottom:55px;
}

#policy ol.policy_ol{
  width:90%;
  margin:0 0 120px 1.5em;
  list-style-position: outside;
}

#policy ol.policy_ol li{
  list-style-type: decimal;
  margin-top:35px;
}

#policy ol.policy_ol li div {
  width:100%;
  font-weight:normal;
  margin-top:0.4em;
}

#policy ol.policy_ol li dl {
  width:100%;
  font-weight:normal;
  margin-top:0.4em;
  margin-left:0.2em;
}
#policy ol.policy_ol li dl dt {
  float:left;
  width:1.5em;
  letter-spacing: 1px;
}
#policy ol.policy_ol li dl dd {
  margin-left:1.5em;
  margin-bottom:0.1em;
}

#policy .sign {
  margin-top:30px;
  line-height:1.8;
}

@media screen and (max-width:559px){
#policy {font-weight:normal;}
#policy h1 {font-size:24px;margin:0 auto 80px auto;}
#policy h2 {font-size:18px; margin-bottom:45px;}
#policy p.h2-sub { margin-bottom:35px;}
#policy ol.policy_ol{ margin:0 0 60px 1em;}
#policy ol.policy_ol li dl { margin-left:0;}
#policy ol.policy_ol li div { width: 100%;}
#policy ol.policy_ol li dl dd div.palicy-add dl{ width: 100%; margin-left:0.4em;}
#policy .sign {margin-top:0;margin-bottom:60px;}
}

/* -----------------------------------
	company.php
 ----------------------------------- */

#company h1{
  font-size:30px;
  font-weight:500;
  margin-bottom:1.5em;
  padding-bottom:20px;
  border-bottom:1px solid #84919E;
}

#company_cont {
  float:left;
  width:60%;
  margin-bottom:20px;
}

dl.company dt {
  float:left;
  clear: left;
  width:10em;
  padding:14px 0;
  border-top:1px solid #D7D7D7;
}
dl.company dd {
  line-height:1.6;
  margin-left: 10em;  
  padding:14px 0;
  border-top:1px solid #D7D7D7;
}

dl.company dt:first-child{
  border:none;
}
dl.company dt:first-child + dd{
  border:none;
}
dl.company dd span,
dl.company dd span a {
  color:#521A87;
}
dl.company dd span a:hover {
  text-decoration:none;
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

dl.company dd dl {
  float:left;
  width: 100%;
}
dl.company dd dl dt{
    float:left;
    clear: left;
    width:6em;
    padding:0 0 10px 0;
    border:none;
}
dl.company dd dl dd {
    margin-left: 6em;  
    padding:0 0 10px 0;
    border:none;
}
dl.company dd dl dt:first-child{
  border:none;
}
dl.company dd dl dt:first-child + dd{
  border:none;
}
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.company_photo {
  float:right;
  width:35%;
  margin:0 auto;
}
.company_photo img {
  display:inline-block;
  width:100%;
  max-width:700px;
  height:auto;
}

@media screen and (max-width:559px){
#policy h1 {font-size:24px;}
#company_cont { float:none; width:100%; margin:4% 0;}
dl.company dt { float:none;clear: left;width:100%;padding:10px 0.6em;background-color:#F2F2F2; border-top:none;}
dl.company dd { margin-left:0;padding:10px 0; border-top:none;}
dl.company dd dl dt { width:7em;background-color:#FFF;}
dl.company dd dl dt:after{ content: '：';}
dl.company dd dl dd { margin-left: 6em; padding:0 0 10px 0;border:none;}
.company_photo { float:none; width:100%; margin:0 auto; text-align:center;}
.company_photo img { display:inline-block; display:inline; zoom:1;}
}