@charset "utf-8";
/* CSS Document */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

img, legend {
  border: 0; }

legend, td, th {
  padding: 0; }

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, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, optgroup, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre, textarea {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  height: 100%; }

body {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #000;
    min-width: 1000px; }
p {
    font-size: 14.2px;
    line-height: 1.8; }

a {
  -webkit-transition: opacity .2s linear, color .2s linear, background-color .2s linear;
  transition: opacity .2s linear, color .2s linear, background-color .2s linear;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #333;
  text-decoration: none; }
  a:hover {
    color: #0062bf !important; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-weight: normal; }

ul,
li,
dl,
dt,
dd,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

img {
  vertical-align: bottom; }

textarea {
  resize: vertical; }

/* clearfix */
.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.cf {
  display: inline-block;
  display: block; }

* html .cf {
  height: 1%; }

.float-l {
  float: left; }

.float-r {
  float: right; }

.container {
    width: 1000px;
    margin: 0 auto; }

.section { padding: 75px 0; }
.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }

hr {
    border: dashed 1px #c3c3c3;
    margin: 40px 0; }

.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }

.m20{ margin:20px 0; }

main {
    margin-bottom: 80px; }

/* header
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.header-top-line {
    background: #e5d91f;
    height: 5px; }


/* 20171208 Plus */
#header_navi{
  position:fixed;
  border-top:5px solid #e5d91f;
  width:100%;
  left:0; top:0;
  z-index:9999;
  padding-right:10px;
  display: flex;
  justify-content: flex-end;
}
#header_navi img{
  width:18px;
  margin:-5px 5px 3px 0;
}
#header_navi li{
  margin-left:10px;
}
#header_navi li a {
    display: block;
    font-size: 16px;
    margin-top: -5px;
    padding: 5px 25px;
    color: #fff;
    background: #1f6ee5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#header_navi li a:hover{
  color:#fff !important;
  background:#f3b910;
}

/* main-visual
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#main-visual {
    background: url(images/mv_bg.jpg) center top;
    background-size: cover;
    min-height: 965px; }

#main-visual .container {
    padding: 0 !important; }

#logo {
    position: absolute;
    display: block;
    margin: 10px; }

#main-visual h1 {
    padding-top: 50px;}
.plodact {
    margin: 100px auto 0; }


.plodact p {
    margin-bottom: 17px; }

#binder-wrap {
    background: url(images/binder2.png) left top;
    background-repeat: no-repeat; }

.binder {
    width: 672px;
    height: 308px;
	display: inline-block;
    padding: 85px 45px; }

.binder p {
    margin-bottom: 20px; }

.top-btn {
    width: 314px;
    display: inline-block;
    vertical-align: top;
    margin: 100px 0 0;
}
.top-btn p {
    margin: 10px 0 0;
}
#obibg {
    background: url(images/obibg.png);
    height: 250px;
    margin-top: -75px;
}

/* reform
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#reform {
    background: url(images/sec2_bg.jpg) center bottom;
    min-height: 1210px;
    background-size: cover; }

#reform h1 {
    margin: 0 auto 56px;
    width: 950px; }

#reform h2 {
    width: 850px;
    margin: 0 auto 20px; }

#reform p {
    color: #fff;
    font-size: 17px; }

.re-box {
    width: 894px;
    margin: 40px auto; }

.reform-msg {
    padding: 10px 50px; }

/* name
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#name {
    background: #fff;
    height: 230px;
    border-bottom: 16px solid #000;
    margin-top: -2px; }

#reform .container, #why .container {
    position: relative; }

#sore {
    position: absolute;
    top: 1030px; }

#desu {
    position: absolute;
    top: 30px;
	right: 0; }


/* why
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#why {
    background: url(images/sec3_bg.jpg) center top;
    background-size: cover;
    height: 1280px; }

.why-contents-title{
    padding: 210px 15px 0; }

.why-contents {
    padding: 15px 20px 25px;
    margin: 40px 0 0;
    background: rgba(255, 255, 255, 0.7); }

p#blo {
    margin-bottom: 40px; }
iframe {
    display: block;
    margin: 0 auto;
}


/* necessary
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#necessary .container {
    background: url(images/sec4_bg.png) left top #fff;
    height: 640px; }

#necessary h1 {
    margin-top: 45px;}

.necessary-contents {
    width: 510px;
    float: right;
    margin: 120px 0 170px; }

.necessary-contents p {
    margin-bottom: 20px; }

/* release
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#release {
    background: url(images/release-bg.jpg);
    height: 1230px; }

.release-txt {
    padding: 0 15px;
    margin-bottom: 30px; }

.release-txt p {
    font-size: 15px; }

#release ul li {
    float: left;
    width: 318px;
    margin-right: 23px; }

#release ul li:last-child {
    margin: 0; }

#release ul li span {
    padding: 0 0 0 25px;
    display: block;
    font-size: 12.5px;
    font-weight: normal; }

#release h2 {
    margin: 40px 0 20px; }

.release-box {
    background: #fff;
    border: solid 1px #1089e6;
    padding: 15px; }

/* program
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#program {
    background: url(images/program-bg.jpg) center top;
    height: 1610px;
	background-size: cover; }

#program ul {
    margin: 50px 0; }

#program ul li {
    display: inline-block;
    width: 231px;
    margin-right: 20px; }

#program ul li:last-child {
    margin: 0; }

.program {
    margin-bottom: 40px; }

#program h1 {
    margin-bottom: 50px; }

#program h3 {
    margin: 20px 0 30px;
    font-size: 20px;
    font-style: italic; }

.txt {
    margin: 30px 0; }

/* qa
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#qa {
    background: url(images/sec-msg.jpg) center top;
    height: 1064px;
    background-size: cover; }

#qa h1 {
    padding-top: 10px; }

.qa-box {
    width: 900px;
    margin: 45px auto 0;
    padding: 30px;
    background: rgba(255, 255, 255, 0.43);
    border-radius: 30px; }

.qa {
    margin: 50px 0;
	text-align: center; }

.qt {
    margin-bottom: 30px; }

.qa-contents p span {
    color: #1f2a69;
    font-weight: bold; }

/* msg
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#msg {
    background: #000;
    height: 163px;
    padding: 38px 0; }

/* form
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.btn-wrap {
    background: #e5d91f;
    padding: 35px 0; }

.btn {
    display: block;
    margin: 0 auto;
    text-align: center; }

/* form
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.formtibg {
    background: #007ac2; }

#form h2 {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    padding-top: 1em; }

.form {
    width: 85%;
    max-width: 800px;
    margin: 5% auto;
    padding: 5% 5% 3%;
    border: 1px solid #dfdfdf; }

.form .private{
	height:160px;
	overflow-y: scroll;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:15px 10px;
	margin:0 0 30px 0; }

.formset input[type="text"]{
	padding:10px;
	background-color:#DFDFDF;
	border-radius:3px;
	border:none;
	width:73%;
	box-sizing:border-box; }

input.mei {
    width: 73% !important; }

input[type="checkbox"] {
    margin: 0 5px 0 10px; }

.formset p {
    font-weight: 500; }

.formset label{
	clear:both;
	display:block;
	padding:10px 0; }

.formset span {
    display: inline-block;
    color: #434343;
    width: 25%;
    font-weight: bold;
    vertical-align: top; }

.formset strong {
    color: #ce1111; }

input[type="submit"] {
    background: #000000;
    border: none;
    padding: 15px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance: none;
    height: 70px; }

input[type="reset"] {
    background: #949494;
    border: none;
    padding: 15px;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance: none;
    height: 70px; }

textarea {
    width: 73%;
    margin-bottom: 0; }

#thanks h2 {
    font-weight: bold;
    color: #2033b5;
    margin: 30px; }

#thanks #line {
    padding: 2em 0;
    background: rgba(255, 255, 255, 0.66);
    text-align: center; }

#thanks #line p {
    font-weight: bold; }

p.cyuui {
    font-weight: bold; }

p.cyuui strong {
    color: #e42727; }

/* footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

footer#footer {
    background: #e0d524;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    font-size: 13px;
}
footer div{
  margin:auto;
  max-width:1100px;
  padding:10px 0;
  display: flex;
  justify-content: space-between;
}
.pp_link a{
  display:inline-block;
  margin-right:15px;
}

  /* 修正：2020.05.13 */
  #main-visual .container{
    position: relative;
    z-index:99999;
  }
  #main-visual #obibg{
    position: relative;
    z-index:1;
  }
