@charset "UTF-8";
header .logo {
	width:75px;
	margin:105px 12% 0 0;
	float:right;
}
header nav {
	width:20%;
	margin:180px 0 0 8%;
	float:left;
}
header nav li {
  /*-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;*/
	width:12%;
	float:right;
	text-align:center;
	text-align:center;
	margin:30px 4% 0 4%;
	font-size:14px;
	letter-spacing:0.5em;	
}
header nav li img {
    width: 100%;
    max-width: 30px;
    height: auto;
    margin: 0 auto;
}
#footer {
	width:84%;
	margin:150px auto 10px auto;
}
#footer .footer1 img {
	width:30%;
	height:auto;
	margin:0 5% 0 0;
	float:left;
}
#footer .footer1 .foot-r {
	width:26%;
	height:auto;
	margin:0 0 0 0;
	float:right;
}
#footer .footer1 .foot-r img {
	width:100%;
	height:auto;
}
#footer .footer1 .foot-r p {
  /*-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;*/
	width:18%;
	float:right;
	text-align:left;
	margin:30px 2% 0 0;
	font-size:14px;
	letter-spacing:0.5em;
	height:auto;
	line-height:2em;
	vertical-align:middle;
}
#footer .footer1 .foot-r p img {
	width:100%;
	max-width:30px;
	height:auto;
	margin:0 auto;
}
.footer2 {
	margin:100px 0 20px 0;
	/* display: table; */
	display:flex;
    align-items: center;
}
.footer2 .foot2-l {
	width:53%;
	display:table-cell;
}
.footer2 .foot2-l h1 {
	float:left;
	width:40%;
	letter-spacing:0.4em;
}
.footer2 .foot2-l h2 {
	float:left;
	width:60%;
	font-size:20px;
	letter-spacing:0.5em;
}
.footer2 .foot2-l .foot-add {
	clear:both;
	padding:20px 0 0 0;
}
.footer2 .foot2-l .foot-add p {
	width:50%;
	float:left;
	font-size:12px;
	margin:0 0 1px 0;
	line-height:180%;
	letter-spacing:0.25em;
}
.footer2 .foot2-c {
	/* width:12%;
	display:table-cell;
	vertical-align:middle;
	text-align:center; */
    width: 12%;
    flex-basis: 12%;
    display: flex;
    vertical-align: middle;
    text-align: center;
    height: 100%;
}
.footer2 .foot2-c a {
    display: block;
    width: 30%;
}
.footer2 .foot2-c img {
	width:30px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.footer2 .foot2-r {
	width:35%;
	display:table-cell;
	vertical-align:middle;
	border-left:1px solid #000;
}
.footer2 .foot2-r p {
	padding:0 0 0 25px;
	font-size:12px;
	letter-spacing:0.25em;
}


/*サイズ調整*/
.right8 {
	margin:0 8% 0 0;
}
.top50 {
	margin:50px 0 0 0;
}
.top100 {
	margin:100px 0 0 0;
}
.top150 {
	margin:150px 0 0 0;
}


@media (max-width: 640px) {
body {
	width:100%;
}
/*.contbox {
    display: flex;
    flex-direction: row-reverse;
}
.contbox .top-contents-l {
    margin: 0;
}
.contbox .top-contents-l li {
    width: 90%;
}
.ttl h1 {
    width: 10%;
    position: relative;
    left: 0;
    font-size: 1.2rem;
}*/
	.footer2 {
    flex-wrap: wrap;
}
.footer2 .foot2-l {
    width: 100%;
    display: block;
}
.footer2 .foot2-l h1 {
    float: none;
    width: 100%;
}
.footer2 .foot2-l h2 {
    float: none;
    width: 100%;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    line-height: 2rem;
    margin-top: .5rem;
}
.footer2 .foot2-c {
    flex-basis: 40%;
    margin-top: 2rem;
}
.footer2 .foot2-r {
    width: 60%;
    margin-top: 2rem;
}
.footer2 .foot2-r p {
	letter-spacing: 0rem;
    font-size: 10px;
}
.footer2 .foot2-l .foot-add p {
    width: 100%;
}
}




@media screen and (max-width: 480px) {
	.footer2 {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer2 .foot2-l {
	width: 100%;
}
.footer2 .foot2-l {
    width: 100%;
}
.footer2 .foot2-c {
    width: 40%;
    flex-basis: 40%;
}
.footer2 .foot2-r {
    width: 60%;
}
}