@charset "utf-8";

/* MAXCONNECT header */
div#header {
	position: fixed;
	top: 0;
	font-size: 12px;
	color: #000;
	text-align: left;
	width: 100%;
	min-width: 1200px;
	padding: 0;
	z-index: 10000;
	height: 80px;
}

div#header h1 {
	padding: 5px 8px;
	padding-right: 10px;
	padding-bottom: 3px;
	margin: 0;
}

div#header h1 img {
	width: 270px;
}

div#header h1 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

div#header h2 {
	float: left;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	padding-right: 8px;
}

div#header h2 img {
	height: 80px;
}

div#header h2 a:hover {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	opacity: 0.8;
}

.header02 {
	background-color: rgba(255, 255, 255, 0.8);
	/* 背景色 */
}

ul.head_menu {
	display: inline-block;
	line-height: 50px;
	margin: 0;
	padding: 0;
}

ul.head_menu p {
	display: inline-block;
	font-size: 200%;
	margin: 0;
	padding-left: 5px;
}

hi#title {
	display: none;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}



/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body>.container {
	padding: 60px 15px 0;
}

.container .text-muted {
	margin: 20px 0;
}

.test>.container {
	padding-right: 15px;
	padding-left: 15px;
}

code {
	font-size: 80%;
}



/* Required element CSS
-------------------------------------------------- */
.required:after {
	content: "＊";
	margin-left: 5px;
	color: #C00;
	font-size: 12px;
	text-shadow: 0 1px 0 #FFF;
	text-align: right;
}

.required-icon {
	color: #C00;
}

.header-logo {
	text-align: center;
	padding-top: 10px;
}

.header-logo-img {
	background: url('../images/logo-text.png') no-repeat;
	background-size: 540px;
	width: 540px;
	height: 160px;
	position: relative;
}

.header-logo-xs {
	text-align: center;
	padding-top: 10px;
}

.header-logo-img-xs {
	background: url('../images/logo-text.png') no-repeat;
	background-size: 350px;
	width: 350px;
	height: 100px;
	position: relative;
}


/*
    FORM
-------------------------------------------------- */
input[type="text"],
input[type="password"],
select,
textarea {
	padding: 3px;
	border: 1px solid #98a6ac;
	border-radius: 2px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1) inset;
	vertical-align: baseline;

	font-size: 16px;
}

/* input[type="text"]:focus,
	input[type="password"]:focus,
	select:focus,
	textarea:focus{
		border:1px solid #0079c1;
		box-shadow:0 0 3px rgba(0,121,193,0.5), 0 0 3px rgba(0,121,193,0.5) inset;
	} */

input[type="text"],
input[type="password"] {
	width: 240px;
}

/* input[type="button"],
input[type="submit"]{
	cursor:pointer;
} */

/* input[type="checkbox"],
input[type="radio"]{
	vertical-align:middle;
} */

/* .required:after{
	content:"★";
	display:block;
	width:20px;
	float:right;
	color:#C00;
	font-size:12px;
	text-shadow:0 1px 0 #FFF;
	text-align:right;
}

	.ie6 .required:after,
	.ie7 .required:after{
		display:inline;
		float:none;
		width:auto;
		margin-right:0;
		margin-left:10px;
		text-indent:0;
	}

.required-icon{
	color:#C00;
} */

/* .form-button{
	margin:0 auto 50px;
	text-align:center;
} */

/* .form-button input{
	width:262px;
	height:60px;
	margin-left:10px;
	border:none;
	background-color:#FFF;
	background-position:0 0;
	background-repeat:no-repeat;

	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W8", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ ボールド", "メイリオ", Meiryo Bold, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bolder;

	color:#333;
	text-shadow:0 1px 0 #FFF;
} */

/* .ie6 .form-button input,
	.ie7 .form-button input{
		color:#000;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:normal;
	}

	.form-button input:hover{
		opacity:0.8;
		filter: alpha(opacity=80);
	}

	.form-button span{
		margin-left:10px;
	}

	.form-button span:first-child{
		margin-left:0;
	}

	.form-button .back input{
		background-image:url(../../images/pc/btn-back.png);
	}

	.form-button .submit input{
		background-image:url(../../images/pc/btn-submit.png);
		color:#FFF;
		text-shadow:0 -1px 0 #986701;
	} */

.input-error {
	color: #C00;
	font-size: 12px;
	margin: 5px 0;
	line-height: 15px;
}

.form-invalid {
	color: #c00;
}

.form-invalid input,
.form-invalid select {
	background-color: #fee;
}


/*
    MESSAGE/ERROR
-------------------------------------------------- */

#message,
#error-message {
	margin-bottom: 30px;
}

/* MESSAGE */
#message .message-head {
	/* width:700px; */
	margin: 0 auto 30px;
	padding: 13px;
	border-radius: 8px;
	background-color: #d8e3ea;
	color: #02629c;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 0 1px 0 #FFF;
	text-align: center;
}

#message .message-body {
	margin-bottom: 30px;
	line-height: 1.2;
	text-align: center;
}

/* ERROR */
#error-message {
	color: #C00;
	text-shadow: 0 1px 0 #FFF;
}

#error-message .message-head {
	margin: 0 30px;
	padding: 12px 0 8px;
	/* background:url(../../images/pc/icon-head-error.png) 10px center no-repeat;; */
	font-size: 16px;
	/* text-indent:44px; */
}


#error-message .message-body {
	margin: 0 30px 30px;
	padding: 12px;
	border: 1px solid #C00;
	box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
	line-height: 1.2;
}

/* ERROR PAGE */
#error-message.error .message-head {
	position: absolute;
	top: -70px;
	left: 0;
	padding: 10px 0;
}


/* Privacy policy CSS
-------------------------------------------------- */
.pp-popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}

.pp-popup.is-show {
	opacity: 1;
	visibility: visible;
}

.pp-popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
	height: 65%;
	max-width: 700px;
	padding: 30px;
	background-color: #eeeeee;
	z-index: 2;
}

.pp-panel-scrollable {
	/* height: 80%; */
	height: 100%;
	padding: 10px;
	border: 1px solid #e5e5e5;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	resize: both;
}

.pp-panel {
	display: flow-root;
	position: relative;
	box-sizing: border-box;
}

.pp-panel p {
	color: #000044;
	font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	margin-bottom: 25px;
}

.pp-background-default {
	background-color: #fff;
}

.pp-popup-close-btn {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	margin: 10px;
}

.pp-popup-close-btn:focus {
	outline: none !important;
}

.pp-bg-black {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	z-index: 1;
	cursor: pointer;
}

.pp-area-wrap {
	text-align: center !important;
	border: 1px solid #eceeef;
	border-radius: 5px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.pp-padding-small {
	padding: 15px;
}

.pp-margin-zero {
	margin: 0px;
}

.pp-text-center {
	text-align: center !important;
}

.pp-text-bold {
	font-weight: 700;
}

.pp-text-small {
	font-size: .875rem;
	line-height: 1.5;
}

.pp-list-item {
	display: inline-block;
	/* margin: 0 0 0 1em; */
}

.pp-list-item-label {
	color: #000044;
	font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.pp-show-btn {
	background-color: transparent;
	background-image: none;
	/* border-color: #0275d8; */
	color: #0275d8;
	/* margin-top: 5px; */
}

.pp-required {
	font-size: .8em;
	padding: 3px;
	background: #F57500;
	color: #fff;
	border-radius: 4px;
	margin-right: 5px;
}

.pp-form-control-wrap {
	position: relative;
}