@charset "utf-8";

/* ====================================
共通設定
==================================== */
/* base
------------------ */
/* reset */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,q,pre,table,caption,colgroup,col,tbody,thead,tfoot,tr,th,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,label,span,a,img,em,ins,del,cite,abbr,sup,sub,dfn,code,var,samp,kbd,object,script,noscript,style,iframe,embed,param,map,area,menu,hr,address,small,strong,i,b,article,aside,figure,footer,header,hgroup,nav,section,figcaption,time,video,audio,mark,ruby,rt,rp,bdo,source,canvas,details,summary,command,datalist,keygen,output,progress,meter{margin:0;padding:0;outline:0;}
address,article,aside,figure,figcaption,footer,header,hgroup,hr,legend,menu,nav,section,summary{display:block;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/* body */
body{
	line-height:1.7;
	font-size:100%;/*16px*/
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
	font-weight: 500;
	word-break:break-all;
	background: #00848c url(bg01.jpg);
	background-attachment: fixed;
}

@media screen and (orientation:landscape){
body{
	-webkit-text-size-adjust:100%;
}
}

input,textarea,select{
	font-family:Meiryo, sans-serif;
	font-size: 100%;
}

/* リンク */
a:link{color:#00848c;text-decoration:underline;}
a:visited{color:#7a1c8b;text-decoration:underline;}
a:hover{;text-decoration:none;}

/* タグ共通 */
img{border:none;max-width:100%;}
p{margin:0 0 1.5rem 0;}
hr{border:none;border-top:1px solid #ccc;margin:3rem auto;clear:both;}

/*テキスト関係*/
.smaller{font-size:75%;}/*12px*/
.larger{font-size:125%;}/*20px*/
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.red{color:#d14155;}
.gray{color:#666;}
.green{color:#00848c;}
.en{font-family: 'Heebo', sans-serif;}

/*リスト*/
li{list-style:none;}
ul.li_mark{margin-bottom:1.5rem;}
ul.li_mark li{list-style:disc;margin-left:1.5em;}
ol.li_mark{margin-bottom:1.5rem;}
ol.li_mark li{list-style:decimal;margin-left:1.5rem;}
dl.dl_default{margin-bottom:1.5rem;}
dl.dl_default dt{font-weight:bold;}
dl.dl_default dd{margin-left:1em;}

/* テキスト揃え */
.ac{text-align:center;}
.al{text-align:left;}
.ar{text-align:right;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;}

/* フロート */
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

/* マージン */
.ma{margin-right:auto;margin-left:auto;}
.ml{margin-left:1rem;}
.mr{margin-right:1rem;}
.mb{margin-bottom:1rem;}
.mb0{margin-bottom:0;}

/* 見出し */
.h01{
	text-align: center;
	font-size: 150%;
	color: #00848c;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 1.5rem;
	position: relative;
	padding-bottom: 0.7rem;
}

.h01:after{
	content: "";
	position: absolute;
	bottom: -3px;
	left: 50%;
	width: 30px;
	height: 4px;
	margin-left: -15px;
	background:#00bac6;
	background: linear-gradient(to right, #00848c 0%,#00bac6 100%);
}

@media print, screen and (min-width: 980px){
.h01{
	font-size: 175%;
	padding-bottom: 1rem;
	margin-bottom: 2.5rem;
}
}

/* content
------------------ */
#content{
	background: rgba(255,255,255,0.7);
	padding: 2.5rem 1rem 0 1rem;
	margin: 0 0.5rem;
	overflow: hidden;
}

@media print, screen and (min-width: 980px){
#content{
	width: 860px;
	padding: 5rem 6rem 2rem 6rem;
	margin: 0 auto;
}
}

/* フォーム */
table{
	empty-cells:show;
	border:none;
	border-collapse:collapse;
	display: block;
	width: 98%;
	margin: 0 auto 2rem auto;
}

caption{
	display: block;
	background: #00848c;
	text-align: center;
	color: #fff;
	padding: 0.2rem 0;
	font-weight: bold;
}

tbody,tr{
	display: block;
}

th{
	display: block;
	text-align: left;
	background: #cce6e8;
	border: 1px solid #66b5ba;
	color: #00848c;
	padding: 0.5rem;
}

th:before{
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #00848c;
	border-right: 1px solid #00848c;
	transform: rotate(45deg);
	margin:0 0.5rem 4px 0.5rem;
}

td{
	border: 1px solid #66b5ba;
	background: #fff;
	display: block;
	padding: 1rem 0.6rem 2rem 0.6rem;
}

@media print, screen and (min-width: 980px){
table{
	display: table;
	width: 100%;
	margin: 0 0 2rem 0;
}

caption{
	display: table-caption;
}

tbody{display: table-row-group;}
tr{display: table-row;}

th{
	display: table-cell;
	padding: 1rem;
	width: 30%;
}

th:before{
	border-bottom: none;
	border-top: 1px solid #00848c;
	margin:0 0.7rem 3px 0;
}

td{
	display: table-cell;
	padding: 1rem;
}
}

/* パーツ */
.req{
	background: #d14155;
	font-size: 62.5%;
	display: inline-block;
	color: #fff;
	padding: 0 8px;
	border-radius: 2px;
	margin-left: 0.5rem;
	vertical-align: middle;
}

select, label{
	cursor: pointer;
}

.textbox{
	padding: 2px;
	border: 1px solid #aaa;
}

.note{
	font-size: 87.5%;
	color:#666;
}

div.error{
	font-weight: bold;
	color: #f00;
}

td.error{
	background: #fffef1;
}

/* 送信ボタンエリア */
.submit_area{
	text-align: center;
	padding: 3rem 0;
}

/* ボタン */
.button{
	display: block;
	border: 3px solid #00848c;
	text-decoration: none;
	margin: 0 auto 2rem auto;
	padding: 0.5rem 2rem;
	transition: 0.2s;
	-webkit-appearance:none;
	background: #fff;
	color: #00848c;
	font-size: 125%;
	cursor: pointer;
	border-radius: 0;
}

.button:hover{
	background: #00848c;
	color: #fff;
	border: 3px solid #00848c;
}

.button_cancel{
	font-size: 100%;
	border: 2px solid #aaa;
	background: #efefef;
	color: #666;
}

.button_cancel:hover{
	background: #aaa;
	border: 2px solid #aaa;
}

/* HOMEへ戻る */
.back_link{
	padding: 2rem 0;
	text-align: center;
	color: #fff;
	font-size: 87.5%;
}

.back_link a{
	color: #fff;
}

/*eof*/