@charset "utf-8";

.dmycontents {
	display: block;
	height: 3000px;
	line-height: 1000px;
	text-align: center;
	background: #eee;
}
.hdmycontents{
	display: none;
}
/* share
---------------------------------------------------- */

#mainimgbox {
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: #00a8e6;
}
.pgtitle {
	position: relative;
	overflow: hidden;
	display: flex;
	width: 100%;
	height: 100px;
	line-height: 0.8em;
	align-items: center;
	text-align: center;
}
.pgtitle h2 {
	width: 100%;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
}


/* pgcontact
---------------------------------------------------- */

.pgcontact .pgctbox01 {
	padding: 0 0 20px;
}
.pgcontact .pgctbox01 .textbox {
	text-align: center;
}


/* pgform
------------------------------------------------------------*/

.pgcontact .formbox {
        width: 86%;
	margin: 0 7%;
	padding: 50px 0;
}
form#form1 table textarea {
	width: 96%;
	margin: 0px;
	padding: 6px;
	background: #fff;
	border: solid 1px #ccc;
	background: #fff;
	border-radius:2px;
}
form#form1 table input {
	width: 96%;
	padding: 6px 5px;
	background: #fff;
	border: solid 1px #ccc;
	background: #fff;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	border-radius: 2px;
}
form#form1 table select {
	padding: 6px 5px;
	background: #fff;
	border: solid 1px #ccc;
	background: #fff;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	border-radius: 2px;
}
form#form1 table label input {
	width: auto;
	padding: 6px 30px 6px 5px;
}
form#form1 table label span {
	padding-right: 4px;
}
.pgcontact .formbox table {
	width: 100%;
	margin: 0;
	border-top: solid 1px #ccc;
}
.pgcontact .formbox table th  {
	width: 26%;
	padding: 13px 1% 14px;
	line-height: 1.5em;
	text-align: left;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: middle;
}
.pgcontact .formbox table td {
	width: 70%;
	padding: 13px 1% 14px;
	font-size: 1.0em;
	color: #333;
	line-height: 1.5em;
	text-align: left;
	border-bottom: solid 1px #ccc;
	vertical-align: middle;
}
.pgcontact .formbox table span {
	padding-left: 10px;
	font-size: 1.0em;
	color: #666;
}
.pgcontact .formbox table ul {
	padding: 10px 6px;
}
.pgcontact .formbox table ul li {
	font-size: 1.0em;
	color: #888;
	line-height: 1.5em;
}
.pgcontact .formbox table ul li span {
	padding: 0px;
	font-size: 1.0em;
	font-weight: bold;
}
.pgcontact .formbox table td textarea {
	margin: 2px 0;
}
.pgcontact .formbox p.selpref {
	padding: 0 0 10px;
}
.pgcontact .formbox p.txtcheck {
	padding: 10px 0 0;
}
.recaptbox {
	width: 60%;
	max-width: 310px;
	margin: 10px auto;
	padding: 30px 0;
	text-align: center;
}
.pgcontact .formbox .submitbox {
	width: 60%;
	margin: 10px 0 10px 25%;
	padding: 0 0 30px;
}

.submitbox ul {
	overflow: hidden;
}
.submitbox ul li {
	list-style:none;
	float:left;
	width: 48%;
	text-align: center;
}
.submitbtn {
	display: block;
	width: 240px;
	color: #fff;
	padding: 16px 0;
	background: #666;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #666;
	cursor: pointer;
}
.submitbtn.clickon {
	background: #62bff2;
	border: 1px solid #3aa2df;
}
.resetbtn {
	display: block;
	width: 200px;
	color: #111;
	padding: 16px 0;
	background: #fff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ddd;
	cursor: pointer;
}
form#form1 {
	padding: 10px 0;
	color: #666;
	background: #fff;
}
form#form1 .labelblock {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
form#form1 .flabel {
	display: inline-block;
	width: 20%;
}
.imeon {
	ime-mode: active;
}
.imeoff {
	ime-mode: disabled;
}

.thanksbox {
	width: 60%;
	margin: 50px 20%;
	border: solid 3px #eee;
}
.thinbox {
	padding: 30px 50px;
	text-align: center;
}
.thtopmsg {
	padding: 0 0 50px;
 	font-size: 1.3em;
	line-height: 2.0em;
}
.backlink {
	padding: 10px 0;
	text-align: center;
}

.imeon {
	ime-mode: active;
}
.imeoff {
	ime-mode: disabled;
}

.thanksbox {
	width: 86%;
	margin: 30px 7% 50px;
	border: solid 3px #eee;
}
.thinbox {
	padding: 30px 50px;
	text-align: center;
}
.thtopmsg {
	padding: 0 0 50px;
 	font-size: 1.3em;
	line-height: 2.0em;
}
.backlink {
	padding: 10px 0;
	text-align: center;
}


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

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





}

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

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



.wrapper .pgbox:first-child {
	border-top: solid 1px #ccc;
}

.pgtitle {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 80px;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	background: #3aa2df;
	text-align: left;
}
.pgtitle h1 {
	padding: 4px 0 0;
	font-size: 1.7em;
	color: #fff;
	line-height: 0.8em;
}
.pgtitle h1 span {
	font-size: 0.6em;
	color: #d3eaf8;
	letter-spacing: 0.1em;
}
.pgtitle .logomark {
	position: absolute;
	right: 0;
	margin-right: -10px;
}
.pgtitle .logomark img {
	width: 120px;
	height: auto;
}



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

.pgcontact .formbox table {
	width: 100%;
	margin: 0;
	border-top: solid 1px #ccc;
}
.pgcontact .formbox table th  {
	display: block;
	width: 100%;
	padding: 10px 1% 11px;
	border-right: none;
	background: #f9f9f9;
}
.pgcontact .formbox table td {
	display: block;
	width: 100%;
	padding: 13px 1% 14px;
}
.pgcontact .formbox .submitbox {
	width: 100%;
	margin: 10px 0;
	padding: 30px 0;
}
.pgcontact .submitbox ul {
	overflow: hidden;
	text-align: center;
}
.pgcontact .submitbox ul li {
	list-style:none;
	float: none;
	width: 100%;
	text-align: center;
}
.submitbtn {
	display: block;
	width: 240px;
	color: #fff;
	margin: 0 auto 8px;
	padding: 16px 0;
}
.resetbtn {
	display: block;
	width: 200px;
	color: #111;
	margin: 0 auto;
	padding: 16px 0;
}


}

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

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



.pgtitle {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 70px;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	background: #3aa2df;
	text-align: left;
}
.pgtitle h1 {
	padding: 4px 0 0;
	font-size: 1.5em;
	color: #fff;
	line-height: 0.8em;
}
.pgtitle h1 span {
	font-size: 0.6em;
	color: #d3eaf8;
	letter-spacing: 0.1em;
}
.pgtitle .logomark {
	position: absolute;
	right: 0;
	margin-right: -10px;
}
.pgtitle .logomark img {
	width: 110px;
	height: auto;
}



.bnrbox02 .grid {
	width: 98%;
	margin: 0 1% 2%;
}
.bnrbox02 .grid:first-child {
	margin: 0 1% 2%;
}
.bnrbox02 .grid img {
	width: 100%;
	height: auto;
}


/* pgcontact
---------------------------------------------------- */


#pgcontact .box .grid02 .inbox dd.tel {
	padding: 0 0 4px;
	font-size: 2.0em;
}
#pgcontact .box .grid02 .inbox dd.tel span {
	font-size: 0.8em;
}



}