@charset "utf-8";

/*　reset
*********************************************************/

*{
	margin:0;
	padding:0;
	line-height: 1.7;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



body{
	background-color: #ffffff;
	color:#000000;
	font-size: 1.7rem;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
	letter-spacing: normal;
}



a img{border:none;}
li{list-style-type:none;}
br{letter-spacing:0;}
br.spbr{display: none;}
br.pcbr{display: block;}

.sp-only{display: none;}

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

/*=======================================*/

#wrapper{
	margin:0 auto;
	text-align: center;
	width: 100%;
}


/*=======================================*/

.container{
	margin:0 auto ;
	width:90rem;
	padding:0 ;
}


/*=======================================*/

.bread{
	margin:0 auto ;
	width:85rem;
	padding:1rem 0;
	text-align: left;
	font-size: 1.3rem;
}

.bread ol li{
	display: inline-block;
}


/*=======================================*/

header{
	width:100%;
	margin: 0 auto;
	text-align: center;
	background: url(../../image/top/header-top3.png) center center no-repeat;
	height:208px;
	position:relative;
}

header h1{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin:auto;
	width:100%;
	height:100%;
}

header h1 img{
	width:100%;
	height:100%;
}

.area-bk{
    padding: 10px 0 8px;
    border-bottom: 2px solid #f00000;
    text-align: left;
}

.area-bk h1{
	margin: 0;
}

.area-bk p{
	padding-top: 0px;
}

.area-bk label {
    color: #fff;
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.area-bk h1{
	color: #000;
	font-size: 11px;
}

.area-bk nav {
    max-width: 900px;
    margin: 0 auto;
}

.area-bk ul{
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center
}

.area-bk li {
    line-height: 1.2;
    font-size: 11px;
}

li {
    list-style: none;
}

.area-bk li form div {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.area-bk #login {
    display: none;
}
.area-bk li form div input {
    padding: 5px;
}

.area-bk li form div p:not(:last-child){
	margin-right: 10px;
}

.area-bk #login{
	display: none;
}

.area-bk .right {
    margin-top: 7px;
}

.right {
    text-align: right;
}

.on_sp, .on_pad, .on_sp_sml {
    display: none;
}


.area-bk label[for="login"]:hover {
    opacity: 0.6;
}

input[type="submit"].login-bt2  {
    background: #db0404; /* Old browsers */
	background: -moz-linear-gradient(top, #db0404 0%, #ea0404 48%, #db0300 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #db0404 0%,#ea0404 48%,#db0300 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #db0404 0%,#ea0404 48%,#db0300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0404', endColorstr='#db0300',GradientType=0 ); /* IE6-9 */
    padding: 15px 18px;
    border-radius: 3px;
    border: 1px solid #cd0a0b;
    cursor: pointer;
    color:white;
    font-size:16px;
    font-weight:bold;
}

.area-bk input[type="text"],
.area-bk .off_pad input[type="email"]
{
	padding:0.2rem 0.5rem;
	font-size:1.3rem;
}

.area-bk input[type="password"]{
	padding:0.2rem 0.5rem;
	font-size:1.3rem;
}

.area-bk input[type="checkbox"]{
	margin:0rem 0.3rem 0rem 0rem;
}

label{
	font-weight: bold;
}


@media screen and (max-width: 980px) {

	.sp_pad,
	.kv>div{
		width: 100%;
		padding: 0 10px;
	}
	}


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

	label{color: #000000;}

	.area-bk{
		position: relative;
		text-align: center;
	}

	.area-bk h1{
		font-size: 10px;
	}

	nav{
		padding: 0 10px;
	}

	nav li:first-child img{
		max-width: 140px;
	}

	nav .menu_bars{
		display: inline-block;
		padding: 7.5px 12.5px;
		border-radius: 3px;
	    background: #db0404; /* Old browsers */
		background: -moz-linear-gradient(top, #db0404 0%, #ea0404 48%, #db0300 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #db0404 0%,#ea0404 48%,#db0300 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #db0404 0%,#ea0404 48%,#db0300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0404', endColorstr='#db0300',GradientType=0 ); /* IE6-9 */
	 	font-size: 14px;
		color: #ffffff;
		font-weight: bold;
	}

	nav form{
		position: absolute;
		z-index: 999;
		width: 100%;
		top: calc(100% + -190px);
		left: 0;
		background: #000000;
		padding: 20px 10px 30px
	}

	nav form div.flex{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around
	}
	/*.area-bk label[for='login']{
		display: inline-block;
		margin-top: 32.5px;
		padding: 10px 75px;
		font-size: 20px;
		font-weight: 600;
	}*/
	.area-bk li form div p:not(:last-child){
		margin: 0;
		margin-bottom: 10px;
	}
	.area-bk li form div p:last-child{
		text-align: center;
	}
	.area-bk li form div input[type="text"],
	.area-bk li form div input[type="email"]
	{
		width: 100%;
	}
	.area-bk li form div input[type="password"]{
		width: 100%;
	}
	.area-bk .right{
		text-align: center;
	}
	.on_pad{
		display: block;
	}
	.off_pad{
		display: none;
	}
}

@media screen and (max-width: 425px) {

.area-bk{
    padding: 10px 0 8px;
    border-bottom: 2px solid #f00000;
    text-align: center;
}

	label{
		color: #000;
	}

	nav form div.flex{
	}

	.area-bk label[for='login']{
		display: inline-block;
		margin-top: 10px;
		padding: 10px 75px;
		font-size: 20px;
		font-weight: bold;
	}

	.on_sp{
		display: block;
	}

	.off_sp{
		display: none;
	}
}

/*=======================================*/

.main{
	width: 100%;
	background-color: #ffffff;
}


.text{
	width: 90%;
	margin: 0px auto;
	text-align: left;
	padding: 32px 0 0 0 ;
}

p{padding-top:32px; }


/*=======================================*/


h2{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,111111+60,000000+100 */
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(17,17,17,1) 60%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(17,17,17,1) 60%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(17,17,17,1) 60%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 2px 3px rgba(0,16,109,0.4) inset;
	padding:30px 0;
	margin:100px auto 0;
	color:#FFFFFF;
	font-size:34px;
	font-weight:bold;
	position:relative;
}

h2.first{
	margin-top:0;
}


.title{
	width: 100%;
	margin-bottom:1rem;
	padding: 1rem 1rem 0.5rem 1rem;
	border-bottom: solid 0.2rem #E52020;
	text-align: left;
	font-size:2.5rem;
}



.contents{
	width: 100%;
	background-color: #ffffff;
	border: 1rem solid #000000;
	margin: 60px auto 0 auto ;
	text-align: left;
	position: relative;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.5));
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
	border-radius:10px;

}

.contents h2{
	margin:0 auto;
}

.contents h2 img{
	margin:0 10px 0 0;
}

.contents p{
	padding-top: 20px;
}



.contents img.face{
	position: absolute;
	bottom:0;
	right: 0;
}

.contents .baloon-free{
	position: relative;
	background-image: none;
	background-color: #FFFBB6;
	text-align: center;

	width: 50rem;
	margin: 1rem 0;
	height:auto;
	bottom: -2rem;
	left: 2rem;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.3));
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3));

}

.contents .baloon-free p{
	padding: 1rem;
	font-size: 2rem;
	font-weight: bold;
	color:  #E52020;
}

.contents .baloon-free:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #FFFBB6;
}

<<<<<<< HEAD
=======

>>>>>>> 14ddbb9f8aa7bc4c632263a55da285ee0cf5635b

img.contents-icon{
	width: 4rem;
	float: left;
	margin-right: 1rem;
	vertical-align: middle;
}

.contents-name{
	margin-top: 4rem;
	padding: 3rem;
	font-size: 2.5rem;
	background-color: #E52020;
	color: #FFffff;
}

.collabo h2{
	text-align: left;
	font-size: 2.5rem;
	padding: 1rem;
	background-color: #000000;
	position: relative;
	color: #FF8D00;
	border: none;
	border-radius: 0.5rem;
}


.dendo h2{
	text-align: left;
	font-size: 2.5rem;
	padding: 1rem;
	background-color: #000000;
	position: relative;
	color: #EAE1B9;
	border: none;
	border-radius: 0.5rem;
}


.hit h2{
	text-align: left;
	font-size: 2.5rem;
	padding: 1rem;
	background-color: #000000;
	position: relative;
	color: #EDD920;
	border: none;
	border-radius: 0.5rem;

}


/*=========================================*/

.form{
	width: 100%;
	max-width:810px;
	margin: 0 auto 0;
	background-color: #ffffff;
	padding: 2rem;
	text-align: center;
	box-shadow: 0 0 17px 0 #9e9e9e;
	border-radius:10px;
	border:5px solid #999;
}

table.form-table{
	margin: 0rem auto;
	width: 100%;
	font-size: 1.5rem;
}


input[type="text"],
input[type="email"],
input[type="password"]{
	width: 100%;
	padding:1.5rem 1rem;
	font-size:1.8rem;
	color:#000000;
	background-color: #fafccf;
	border-radius: 0.5rem;
	margin-bottom: 1rem;
}

table.form-table input[type="text"],
table.form-table input[type="email"],
table.form-table input[type="password"]{
	width: 70%;

}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus{
	background-color: #fafccf;
}



button[type="submit"].form-bt{
	width: 98%;
	margin: 1rem auto;
    padding: 0rem 0;
	cursor:pointer;
	color: #ffffff;
    border-radius: 10rem;
	border: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #52d352), color-stop(0.53, #187b1a), color-stop(0.52, #4a944b), color-stop(0.00, #7cff7f));
	background: -webkit-linear-gradient(top, #7cff7f 0%, #4a944b 52%, #187b1a 53%, #52d352 100%);
	background: -moz-linear-gradient(top, #7cff7f 0%, #4a944b 52%, #187b1a 53%, #52d352 100%);
	background: -o-linear-gradient(top, #7cff7f 0%, #4a944b 52%, #187b1a 53%, #52d352 100%);
	background: -ms-linear-gradient(top, #7cff7f 0%, #4a944b 52%, #187b1a 53%, #52d352 100%);
	background: linear-gradient(to bottom, #7cff7f 0%, #4a944b 52%, #187b1a 53%, #52d352 100%);

    display: inline-block;
    text-decoration: none;
    border-bottom: solid 1rem #134209;

}

button[type="submit"].form-bt img{
	-webkit-filter: drop-shadow(0px -1px 0px rgba(31,109,14,1));
	filter: drop-shadow(0px -1px 0px rgba(31,109,14,1));
}

button[type="submit"].form-bt:hover {
    border-bottom: none;
    margin-top: 2rem;
}

button img{
	width:100%;
}

.area-p10{padding: 1rem;}


.pre_bg{
	width:90%;
	margin:20px auto;
	font-size:12px;
	text-align:left;
	padding:1px 20px;
	background:#EEE;
}

.pre_bg p{
	padding:0;
	margin:10px auto;
}

/*===========================================*/

.login{
	position: fixed;
	right: 0;
	bottom: 0;
	background-color: #363636;
	width: 20rem;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	font-size: 1.2rem;
	letter-spacing: normal;
	z-index: 1;
}

.login p.login-title{
	padding: 1rem;
	font-size: 1.6rem;
	color: #ffffff;
	font-weight: bold;
}

.login-inner{
	background-color: #ffffff;
	padding: 1rem 0.5rem;
	border-radius: 0.5rem;
}

.login-inner p{
	padding: 0.5rem 0;
}

.login input[type="text"],
input[type="password"]{
	padding:0.2rem 0.5rem;
	font-size:1.3rem;
}

input[type="submit"].login-bt{
	width: 100%;
	padding: 0.5rem;
	margin: 0 auto;
	cursor:pointer;
	color: #ffffff;
	border-radius: 0.5rem;
	background-color: #E52020;
	border: none;
	font-weight: bold;
	font-size: 1.6rem;
	position: relative;
	display: block;
}

input[type="submit"].login-bt:hover{
	opacity: 0.7;
}


/*
.toggle-link{
	border-radius: 0.5rem;
	width: 100%;
	display: block;
	font-weight: bold;
	margin-top: 2rem;
	padding: 0.2rem;
	background: none;
	background-color: #ffffff;
    border: solid 1px #cccccc;
}

.toggle-box{
	display: none;
	margin-top: -1rem;
	padding: 0.5rem;
}
*/

.toggle-link{
	width: 100%;
	display: block;
	font-weight: bold;
}

.toggle-box{
	display: none;
	margin-top: -1rem;
	padding: 0.5rem;
	border-radius: 0.5rem;
	background-color: #ffffff;
	border: solid 1px #cccccc;
}





/*===========================================*/

.yosi_top1{
	margin:-25px 60px 0 0;
	float:right;
}



/*=======================================*/

.law{
	width:100%;
	background:#FFFFFF;
	margin:0 auto;
	font-size:1.6rem;
}

.law th{
	background:#E52020;
	color:#ffffff;
	padding: 1rem;
}

.law td{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	width:80%;
	text-align:left;
	padding:2rem;
}

.law_text1{
	text-align:center;
	font-size:30px;
	font-weight:900;
	margin:56px auto;
}

.law_text2{
	text-align:left;
	width:878px;
	margin:19px auto;
	font-size:16px;
}


/* モーダル コンテンツエリア */
.overlay {
  display: none;
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  bottom: -10px;
  background-color: rgba(0, 0, 0, .45);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;

}

.button {
  float: right;
  margin-top: .8em;
  padding: .5em 1.4em;
  color: #fff;
  font-size: 1.2em;
  border: 0;
  border-radius: 4px;
  outline: 0;
  background-color: #e57373;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.button:hover {
  background-color: #dd7979;
}

@media screen and (max-width: 769px) {

nav form  {
	top: calc(15% + 0px);
	padding: 20px 10px 10px;
	}
}

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

.flex2 {display: none;}

}

/*---------------------------------*/

.iframe_form_text1 input.ift1{
	width: 100%;
	max-width: 500px;
	padding: 10px;
	margin: 0;
	font-size: 16px;
	color: #000000;
	background-color: #FFFFFF;
	border-radius: 2px;
}

.iframe_form_text1_2{
	color:#FF0000;
	margin:10px auto;
	font-size:14px;
}

.iframe_form_text1_2 br{
	display:block;
}

.iframe_form_text2{
	font-size:14px;
	margin:10px auto;
}

.iframe_form_text2 br{
	display:none;
}

.iframe_form_text3 button[type="submit"]{
	border: 2px solid #96BC00;
	border-radius: 50px;
	background: rgb(195,234,126);
	background: -moz-linear-gradient(top, rgba(195,234,126,1) 0%, rgba(143,196,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(195,234,126,1) 0%,rgba(143,196,0,1) 100%);
	background: linear-gradient(to bottom, rgba(195,234,126,1) 0%,rgba(143,196,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3ea7e', endColorstr='#8fc400',GradientType=0 );
	font-weight: 900;
	color: #FFFFFF;
	text-shadow: #427200 1px 1px 2px, #427200 -1px 1px 2px, #427200 1px -1px 2px, #427200 -1px -1px 2px;
	cursor: pointer;
	margin: 0 auto 0;
	width:100%;
	max-width: 500px;
	display: block;
	font-size:30px;
}

@media screen and (max-width: 600px) {
	.iframe_form_text1_2{
		font-size:10px;
	}

	.iframe_form_text2 br{
		display:block;
	}

}