@charset "utf-8";
/*@import url('common.css');*/

/* ------------------------------------------------------
Adobe Sign 2017
------------------------------------------------------ */

body {
/*	background:#E5E5E5;*/
	text-align:center;
	position:relative;
  word-break: break-all;/*英文の途中で改行、URLなど*/
}

/* ------------------------------------------------------
 フォント設定
------------------------------------------------------ */
/*大きさ*/
.sml{font-size:14px;}
.reg{font-size:18px;}
.lrg{font-size:20px;}

/* ------------------------------------------------------
 全体のボックス
------------------------------------------------------ */

.container{	
	width:960px;
	font-size:18px;
	line-height:150%;
	margin:0 auto;
	position:relative;
	text-align:left;
	padding-bottom:24px;
}

@media screen and (max-width: 959px){
  .container{	
  	width:100%;
  	padding:0 10px;
  }
}

/* ------------------------------------------------------
 ヘッダ
------------------------------------------------------ */
/*
header{
  background: url('../images/img_logo_m_survive2030.png') center top / auto no-repeat #FFF;
  height: 440px;
  width: 100%;
}

@media screen and (max-width: 640px){
  header{
	background: url('../images/img_logo_m_survive2030.png') center top / contain no-repeat #FFF;
	height: 100vw;
  }
}

header h1,
header h2{
	color:#004d2d;
	position:absolute;
}

header h1{
	font-size:24px;
	line-height:32px;
	top:300px;
}

header h2{
	font-size:20px;
	line-height:26px;
	top:380px;

}

@media screen and (max-width: 420px){
    header h1{
		top: 170px;
  }
    header h2{
		top: 300px;
  }
}
*/
/* ------------------------------------------------------
 一般設定
 ------------------------------------------------------ */

section{
  text-align: left;
}

h3{
	color: #011232;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 16px;
}

/*
h3{
	color: #fff;
	margin:40px 0 0 0;
	padding:0 30px;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	background:#000;
}

h3.beyond{
	background: #1f2d5a;
}
*/
h4{
	margin:10px 0 ;
	font-size:18px;
	color:#222222;
	font-weight:bold;
	/*background:#EEE;*/
	padding:10px 30px 0 0;
}

h5{
	font-size:14px;
/*	margin-bottom:5px;*/
	font-weight:bold;
}

p{	/*基本、後はclassで*/
	margin:0 0 10px 0;
/*	background:#EEE;*/
	padding:0 30px 10px 0;
}

div.scroll{
	background: #FFF;
	border: solid 5px #EEE;
	height: 200px;
	overflow-y: scroll;
	margin: 20px;
}

div.scroll p{
	padding: 20px;
}

/* リンク */
a:link{color: #003264;text-decoration: none}
a:visited {color: #003264;text-decoration: none}
a:hover {color: #C30;text-decoration: underline}
a:active {color: #C30;text-decoration: underline}

.red{
	color:#C30;
}

/* ------------------------------------------------------
 form
------------------------------------------------------ */

input,
textarea,
select{
	max-width: 100%;
}

input[type="checkbox"]{
	width: 25px;
	height: 25px;

}

ul.chkbox{
	display: flex;
	padding: 25px;
}

ul.chkbox li{
	list-style: none;
}

ul.chkbox li:first-child{
	width: 80px;
}

ul.chkbox li:last-child{
	width: calc( 100% - 80px);
}

/* ------------------------------------------------------
 form button
------------------------------------------------------ */

input,textarea,select{
  font-size: 18px;
  margin: 2px 5px;
  padding: 5px;
}

div.alc{
	text-align:center;
}

.frmbtn{
	border: none;
	border-radius: 7px;
	cursor: pointer;
	width: 170px;
	height: 50px;
	color: #FFF;
	font-size: 20px;
	line-height: 40px;
	background: #207288;
	margin: 32px 0;
/*  padding: 10px;*/
}

/* ------------------------------------------------------
 リンクボタン
------------------------------------------------------ */

.lnkbtn{
	margin:10px 0;
}

.btn {
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 1px solid #DDD;
	color:#FFF;
	width: 400px;
	padding: 10px;
}

.lnkbtn a {
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
	font-size:16px;
}

.lnkbtn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* ------------------------------------------------------
 Clear
------------------------------------------------------ */

.cb{clear:both;}
.cb10{clear:both;margin-bottom:10px;}
.cb20{clear:both;margin-bottom:20px;}

/* survice2030 */

footer h3{
	font-size: 18px;
	text-align: left;
}
footer a:link,
footer a:visited,
footer a:hover{
	color: #FFF;
}
th{
	text-align: center;
}