@charset "UTF-8";

.clearfix:after{
	clear:both;
}

ul{
	margin:0;
	padding:0;
}

li{
	list-style:none;
}

h2{
	/*font-size:130%;*/
	font-size:110%;
}



input,textarea{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:15px;
  font-family : inherit;
}

input[type="text"]{
	width: 100%;
}

textarea{
	width: 100%;
}

input[type="checkbox"],
input[type="radio"]{
	height: 20px;
	width: 20px;
	margin-right: 0.3em;
	/*margin-bottom: 15px;*/
	margin:10px 5px 20px 0;
	transform: scale(1.4);
	float: left;
}

select{
width: 100%;
height: 45px;
/*border: 13px;*/
font-size: 1rem;
border-color: #D4D8D7;
}

input.widthauto,
select.widthauto,
textarea.widthauto{
	width:auto;
}


/**/

.backimg{
	/*background: url(img/main.jpg) no-repeat center -2em;*/
	/*background-size: 200%;*/
	background: url(img/main.jpg) no-repeat center 2em;
	background-size:100%;
	
}

.header{
	width: 90%;
	margin:0 auto;
	/*padding: 2%;*/
	padding:5%;
	box-sizing:border-box;
	/*background:rgba(0,113,188,1);*/
	background:#000;
}

.headttl{
	margin:0; 
	padding: 0; 
	font-size: 1.0em; 
	line-height:1.2; 
	color: #FFF; 
	letter-spacing: .05rem;
	
}

.headttl_jp{
	font-size: 0.6em; 
	font-weight: normal;
}

/*.header img {
    width: 100%;
}*/

.arrownav{
	border:1px solid #DADADA;
	overflow:hidden;
	font-size:90%;
}

.arrownav__child{
	float:left;
	width:33.3%;
	box-sizing:border-box;
	background:#F3F3F3;
	padding:0.5em;
	text-align:center;
}

.arrowspot{
	background:#DADADA;
}


.formwrap{
	width:90%;
	margin:0 auto;
	padding:2% 5%;
	box-sizing:border-box;
/*	margin-top:20em;*/
	margin-top:5em;
	background:#fff;
}

fieldset{
	margin:0 auto;
	border:none;
	padding:0;
}


.form_contents{
}

.form__title{
	margin-top:1.5em;
	font-weight:bold;
	border-left:5px solid #000;
	padding-left:10px;
	font-size:90%;
}

.form__item{
	margin-top:0.5em;
	  font-size:90%;

}

.sign_required{
	font-size:60%;
	padding:0.3em;
	margin-left:0.5em;
	border-radius:2px;
	/*background:#FF9933;*/
	background:#cc0000;
	color:#fff;
}

.buttonwrap{
	margin:3em auto;
	text-align:center;
}

.button--submit{
	width:100%;
/*	background:#0071BC;*/
background:#F3B100;
	/*color:#fff;*/
	font-weight:bold;
	padding:5%;
	border-radius:4px;
	border:none;
}

.button--archive-1 {
	text-decoration: none;
}


.button--archive-1 p {
	font-weight: bold;
	height: 15px;
	width: 40%;
    padding: 2% 2.5% 3% 2.5%;
    text-align: center;
	margin: 0 auto;
	background-color: #1b4098;
	color: khaki;
	border-radius: 4px;
}



.button--back{
	width:100%;
	background:#717171;
	color:#fff;
	padding:5%;
	border-radius:4px;
	border:none;
}




label{
	margin-left: 20px;
    padding-left: 15px;
    display: block;
}


/*PC版
*********************************************************************************************************/

@media screen and (min-width:768px) { 

.header {
	max-width:1000px;
	padding:2%;
}

/*.header img{
	width: 50%;
}*/

.headttl{
	font-size:1.6em;
}

.backimg{
	/*background: url(img/main.jpg) no-repeat center -8em;*/
	background: url(img/main.jpg) no-repeat center 0px;
	background-size: 100%;
}

.formwrap{
	max-width:1000px;
/*	margin-top:30em;*/
	margin-top:10em;
}

.button--submit,.button--back
{
	width:50%;
}

.sign_required{
	font-size:90%;
}


}


/*レイアウト　山口追加*/
.card-list__img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.card-list__video {
    width: 100%;
    height: 15rem;
}
.card-list__item {
    display: block;
    background: #eee;
    position: relative;
    margin: 0;
    padding: 0;
}

.card-list__check {
    margin: 0;
    padding: 2.5%;;
    display: block;
    background: #F3B100;
    text-align: center;
    cursor: pointer;
}
.card-list__check input {
    margin: 0;
    float: none;
    vertical-align: bottom;
}
.card-list__cont {
    text-align: center;
}
.card-list__no {
    font-size: small;
    color: #000;
    line-height: 1;
    padding: 2.5%;
    margin: 0;
    font-weight: bold;
    font-style: italic;
}
.card-list__text {
    margin: 0;
    padding: 0 2.5% 5% 2.5%;
    text-align: center;
    line-height: 1.3;
}

.card-list__text_s {
    font-size: 13px;
    margin: 0;
    padding: 0 2.5% 5% 2.5%;
    text-align: center;
    line-height: 1.3;
}


.col__wrap, .col__wrap--margin, .col__wrap--marginL, .col__wrap--marginS, .col__wrap--center {
  padding: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .col__wrap--margin {
    margin: 1% -1%; }
    .col__wrap--margin > li {
      padding: 1%; }
  .col__wrap--marginL {
    margin: 2% -2%; }
    .col__wrap--marginL > li {
      padding: 2%; }
  .col__wrap--marginS {
    margin: .5% -.5%; }
    .col__wrap--marginS > li {
      padding: .5%; }
  .col__wrap--stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .col__wrap--center > li {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }

.col--1 {
  width: 8.33333%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--1.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-1 {
    width: 8.33333%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-1.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-1 {
    width: 8.33333%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-1.col--right {
      float: right; } }

.col--2 {
  width: 16.66667%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--2.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-2 {
    width: 16.66667%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-2.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-2 {
    width: 16.66667%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-2.col--right {
      float: right; } }

.col--3 {
  width: 25%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--3.col--right {
    float: right; }

/*スマホだけ改行*/
.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-3 {
    width: 25%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-3.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-3 {
    width: 25%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-3.col--right {
      float: right; } }

.col--4 {
  width: 33.33333%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--4.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-4 {
    width: 33.33333%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-4.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-4 {
    width: 33.33333%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-4.col--right {
      float: right; } }

.col--5 {
  width: 41.66667%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--5.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-5 {
    width: 41.66667%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-5.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-5 {
    width: 41.66667%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-5.col--right {
      float: right; } }

.col--6 {
  width: 50%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--6.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-6 {
    width: 50%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-6.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-6 {
    width: 50%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-6.col--right {
      float: right; } }

.col--7 {
  width: 58.33333%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--7.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-7 {
    width: 58.33333%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-7.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-7 {
    width: 58.33333%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-7.col--right {
      float: right; } }

.col--8 {
  width: 66.66667%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--8.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-8 {
    width: 66.66667%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-8.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-8 {
    width: 66.66667%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-8.col--right {
      float: right; } }

.col--9 {
  width: 75%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--9.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-9 {
    width: 75%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-9.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-9 {
    width: 75%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-9.col--right {
      float: right; } }

.col--10 {
  width: 83.33333%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--10.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-10 {
    width: 83.33333%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-10.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-10 {
    width: 83.33333%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-10.col--right {
      float: right; } }

.col--11 {
  width: 91.66667%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--11.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-11 {
    width: 91.66667%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-11.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-11 {
    width: 91.66667%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-11.col--right {
      float: right; } }

.col--12 {
  width: 100%;
  list-style: none;
  text-indent: inherit;
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col--12.col--right {
    float: right; }

/*PC*/
@media all and (min-width: 40em) {
  .col--pc-12 {
    width: 100%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--pc-12.col--right {
      float: right; } }

/*全スマホ*/
@media only screen and (max-width: 40em) {
  .col--sp-12 {
    width: 100%;
    list-style: none;
    text-indent: inherit;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .col--sp-12.col--right {
      float: right; } }


/*PDF DL用ボタン*/
.button {
	text-align:center;
	margin:20px 0;
}
.button>a {
	display:inline-block;
	text-decoration:none;
	margin:auto;
	font-size:16px;
	line-height:120%;
	color:#FFF;
	background:#FF8D2F;
	padding:1.5em;
	width:60%;
	border-radius:5px;
	font-weight: 900;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.button>a:hover {
    text-decoration:underline;}

@media only screen and (max-width: 40em) {
.button>a {
    display: inline-block;
    text-decoration: none;
    margin: auto;
    font-size: 16px;
    line-height: 120%;
    color: #FFF;
    background: #FF8D2F;
    padding: 1.5em;
    width: 80%;
    border-radius: 5px;
    font-weight: 900;
    text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
} }