@charset "utf-8";

/* normalize.css
*************************************************************/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
progress{vertical-align:baseline;}
template,
[hidden]{display:none;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,
a:hover{outline-width:0;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,
strong{font-weight:inherit;}
b,
strong{font-weight:bolder;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
button,
input,
select,
textarea{font:inherit;margin:0;}
optgroup{font-weight:bold;}
button,
input{overflow:visible;}
button,
select{text-transform:none;}
button,
html [type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
textarea{overflow:auto;}
[type="checkbox"],
[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-input-placeholder{color:inherit;opacity:0.54;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}


/* ----------------------------------------------------------------------
ここから　全サイト共通　変更不可　※変更の場合は後述で上書き※　*/

html, body {
  width: 100%;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif;
}

ul, li {
  list-style: none;
  padding: 0;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

/* ----------------------------------------------------------------------
Font
---------------------------------------------------------------------- */
.fontMin {
  font-family: "ヒラギノ明朝 ProN W3", "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.fontGoth {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
}

/* ----------------------------------------------------------------------
Text
---------------------------------------------------------------------- */
.bold {
  font-weight: bold;
}

.fontL {
  font-size: 160%;
}

.fontM {
  font-size: 120%;
}

.fontS {
  font-size: 85%;
}

.indent {
	text-indent: -1em;
    padding-left: 1em;
}

.justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

.textV {
  -ms-writing-mode: tb-rl;            /* IE用　*/
  -webkit-writing-mode: vertical-rl;  /* chrome用　*/
  -o-writing-mode: vertical-rl;       /* opera用　*/
  writing-mode: vertical-rl;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .textV {
    -ms-writing-mode: initial;            /* IE用　*/
    -webkit-writing-mode: initial;  /* chrome用　*/
    -o-writing-mode: initial;       /* opera用　*/
    writing-mode: initial;
  }
}

/* ----------------------------------------------------------------------
img
---------------------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

a img:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}

/* ----------------------------------------------------------------------
Parts
---------------------------------------------------------------------- */
.t_center {
  text-align: center;
}

.t_right {
  text-align: right;
}

.t_left {
  text-align: left;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

/* 表示 */
.pc-none {
  display: none;
}

.mb-none {
  display: initial;
}

@media (max-width: 767px) {
  .pc-none {
    display: initial;
  }
  .mb-none {
    display: none;
  }
}

/* ----------------------------------------------------------------------
Flex
---------------------------------------------------------------------- */
.flexList, .flexbox {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  align-items: center;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap: nowrap;
}

.flex-center {
  -webkit-justify-content: center; /* Safari用 */
  justify-content: center;
  -webkit-align-items: center; /* Safari用 */
  align-items: center;
}

.flex-between {
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

.flex-start {
  -webkit-justify-content: flex-start; /* Safari */
  justify-content:         flex-start;
}

/* margin
*************************************************************/
.m0{margin:0 !important}
.mt0{margin-top:0 !important}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}
.ml0{margin-left:0 !important}

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

/* padding
*************************************************************/
.p0{padding:0 !important}
.pt0{padding-top:0 !important}
.pr0{padding-right:0 !important}
.pb0{padding-bottom:0 !important}
.pl0{padding-left:0 !important}

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}

.p15{padding:15px !important}
.pt15{padding-top:15px !important}
.pr15{padding-right:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}

/* 
ここまで　全サイト共通　変更不可　※変更の場合は後述で上書き※
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
body
---------------------------------------------------------------------- */
body {
  color: #000000;
  font-size: 20px;
  line-height: 1.6;
  background: #000000;
}

/* ----------------------------------------------------------------------
a
---------------------------------------------------------------------- */
a:link { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: underline; }
a:active { color: #ffffff; text-decoration: none; }

/* h
*************************************************************/


/* container
*************************************************************/
#wrap {
	width: 100%;
	margin: 0;
}

#main_content {
	width: 1160px;
	margin: -35px auto 0;
	padding: 0; 
}

.content_area {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

section {
	margin-bottom: 50px;
}

#content1, #content2, #content3, #content4, #content5 {
	width: 100%;
	margin: 0 auto 50px;
	padding: 0;
}

/* header
*************************************************************/
#header {
	width: 100%;
	margin: 0 auto;
}

/* footer
*************************************************************/
#footer {
	width: 1160px;
	margin: -15px auto 0;
	padding: 25px 0 0 0;
	position: relative;
}

#footerInner {
	color: #fff;
	font-size: 26px;
	padding: 0 0 30px;
	display: table;
}

 #footerInner div {
	display: table-cell;
	vertical-align: top;
 }

.footerLogo {
	width: 30%;
}

.footerAdd {
    padding-left: 3%;
    font-size: 22px;
}

.footerImg {
    position: absolute;
    top: -230px;
    right: 5%;
    width: 20%;
}

.copyright {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

#page-top {
	position: fixed;
	bottom: 50px;
	right: 5px;
}

/* Contents
*************************************************************/
.content_area img {
  width: 100%;
  height: auto;
}

.tableBox {
  display: table;
}
.tableBox .leftBox, .tableBox .rightBox {
  display: table-cell;
}

#content1 .tableBox .leftBox {
  padding-right: 20px;
}
#content1 .tableBox .rightBox {
  padding-left: 20px;
}
#content1 .btnBox {
  width: 560px;
  margin: 40px auto 60px;
}

#content2 .content_area {
  background: url(../images/img_top_03-min.png) center top no-repeat;
  background-size: cover;
  width: 97%;
  margin: 0;
  padding: 0 0 3% 3%;
}
#content2 .flexbox .w50 {
  width: 50%;
}

#content3 ul {
  padding: 0;
}
#content3 ul li {
  width: 48%;
  margin: 0 0 30px 0;
}
#content3 ul li:nth-child(odd) {
  margin-right: 2%;
}
#content3 ul li:nth-child(even) {
  margin-left: 2%;
}

#content4 ul li {
  width: 32%;
}

#btn_area {
	width: 85%;
	margin: 50px auto 70px;
}
#btn_area ul {
	margin: 0;
	padding: 10px 0;
}
#btn_area li {
    width: 46%;
    margin: 0 2%;
    float: left;
}

/* pagetop
*************************************************************/
#page-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 999;
}