/* common */
* {
        margin:0;
        padding:0;
	font-size:100%;
}
a:link,
a:visited {
        color:#2585C6;
        text-decoration:underline;
}
a:hover,
a:active {
        color:#FF9933;
}
a img {
        border:none;
}
html {
	height:100%;
	font-size:62.5%;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4em;
        color:rgba(0,0,0,0.9); // 文字色
        letter-spacing:0.1em;
	line-height:2em;
	background:rgba(245,255,245,1); // 背景に画像を使用する場合 url(../img/bg.png) repeat-x;
	height:100%;
}
#wrap {
	width:100%;
	margin:0 auto;
}
div.fclear {
	clear:both;
}
.text_center {
	text-align:center;
}
.text_right {
	text-align:right;
}
p {
	margin:0 20px 20px 20px;
	line-height:200%;
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.underline {
	text-decoration:underline;
}
.red {
	color:red;
}
.font_large {
	font-size:1.8rem;
}
.gray_border {
	border:1px solid rgba(0,0,0,0.3);
}
h2 {
	background:url(../img/h2_bg.png) no-repeat;
	font-size:2.4rem;
	padding:10px 0 0 10px;
	margin:10px 0 20px 0;
}
h3 {
	background:url(../img/h3_bg.png) no-repeat;
	font-size:1.8rem;
	padding:3px 0 0 30px;
	margin:10px 0 20px 0;
}
h4 {
	background:url(../img/h4_point.png) no-repeat;
	background-position: 0px 2px;
	text-decoration:underline;
	padding:0 0 0 25px;
}
h4.qa {
	background:none;
	text-decoration:none;
	padding:0;
	margin:0 20px 20px 20px;
}
h4.works {
	background:none;
	text-decoration:none;
	padding:0;
}
h5 {
	background:rgba(205,224,200,1);
	border-left:3px double rgba(0,0,0,0.8);
	border-bottom:1px solid rgba(0,0,0,0.5);
	margin:10px 0 10px 0;
	padding:2px 0 0 5px;
}
h5.no_border {
	border:none;
}
h6 {
}
hr.dashed {
	margin:20px 0 20px 0;
	border:1px dashed rgba(0,0,0,0.3);
}
div.to_pagetop {
	width:100%;
	text-align:center;
	font-size:1.5rem;
	margin:10px 0px 10px 0;
}
.w50 {
	width:50px;
}
.w100 {
	width:100px;
}
.w150 {
	width:150px;
}
.w200 {
	width:200px;
}
.w250 {
	width:250px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w400 {
	width:400px;
}
/* header */
#header {
	width:100%;
	padding:20px 0 0 0px;
}
#header_logo{
	width:100%;
	text-align:center;
}
#header_logo img {
	width:100%;
}
#header_info {
	width:100%;
	text-align:center;
	margin:5px 0 30px 0;
}
#header_info img {
	border:1px solid rgba(0,0,0,0.3);
	border-radius:10px 10px 10px 10px;
}
#header_menu {
	width:100%;
	margin:5px 0 50px 0;
}
#header_menu li {
	float:left;
	box-sizing: border-box;
	list-style-type:none;
	width:calc(100% / 3);
	height:100px;
	font-size:2rem;
	text-align:center;
	background: linear-gradient(rgba(0,201,255,0.3), rgba(146,254,157,0.3));
	border: solid 1px rgba(0,0,0,0.3);
	padding:25px 0 0 0;
}

/* right parts */
#right {
	width:100%;
}
div.right_block {
}
div.right_banner dl {
	text-align:center;
}
div.right_banner dl dt {
	margin:10px 0 0 0;
}

/* contents */
#contents {
	width:100%;
}
div.center_image {
	width:100%;
	text-align:center;
}
div.center_image img {
	width:100%;
}
img.face_image {
	border:solid 1px rgba(0,0,0,0.5);
	border-radius:20px;
}
div.gyomu_icon {
	text-align:center;
}
div.gyomu_icon img {
	width:100%;
}
div.gyomu_icon li {
	list-style-type:none;
	width:100%;
	border:solid 1px rgba(0,0,0,0.3);
	border-radius:10px;
	margin:10px 6px 10px 6px;
	padding:5px 0 5px 0;
}
div.attention {
	width:100%;
	text-align:center;
	font-size:1.6rem;
	color:red;
	background: linear-gradient(rgba(0,201,255,0.3), rgba(146,254,157,0.3));
	border:solid 1px rgba(0,0,0,0.3);
	border-radius:20px;
	padding:20px 0 0 0;
	margin:10px 0 10px 0;
}
div.qa_question {
	background: linear-gradient(rgba(255,201,0,0.1), rgba(146,254,157,0.3));
}
div.qa_answer {
	background: linear-gradient(rgba(0,201,255,0.1), rgba(146,254,157,0.3));
}
div.qa_left {
	width:100%;
	text-align:center;
}
div.qa_right {
	width:100%;
}
div.google_map {
	position: relative;
	padding-top: 75%;
	height: 0;
	overflow: hidden;
	margin:0 0 20px 0;
}
div.google_map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
table.gyomu {
	width:100%;
	box-sizing: border-box;
	margin:0 0px 30px 0px;
	border:1px solid rgba(180,180,180,1);
	border-collapse: collapse;
}
table.gyomu td {
	box-sizing: border-box;
	padding:0 10px 0 10px;
	border:1px dashed rgba(180,180,180,1);
}
table.gyomu th {
	box-sizing: border-box;
	border:1px dashed rgba(180,180,180,1);
	background:rgba(255,220,220,1);
}
div.web_jisseki {
	width:100%;
	border:dashed 1px rgba(0,0,0,0.3);
	padding:10px 5px 10px 5px;
	margin:10px 0 10px 0;
}
div.web_jisseki_left {
	width:100%;
	text-align:center;
}
div.web_jisseki_left img {
	width:100%;
}
div.web_jisseki_right {
	width:100%;
}
table.contact {
	box-sizing: border-box;
	width:100%;
	margin:0 0px 30px 0px;
	border:1px solid rgba(180,180,180,1);
	border-collapse: collapse;
}
table.contact td {
	box-sizing: border-box;
	width:70%;
	height:80px;
	padding:0 10px 0 10px;
	border:1px dashed rgba(180,180,180,1);
}
table.contact th {
	box-sizing: border-box;
	width:30%;
	border:1px dashed rgba(180,180,180,1);
	background:rgba(255,220,220,1);
}
input.contact_text {
	width:90%;
}
textarea {
	width:90%;
	margin:10px 0 10px 0;
}
div.button {
	width:100%;
	text-align:center;
	margin:0 0 50px 0;
}
input.contact_button {
	width:100px;
}
/* footer */
#footer {
	width:100%;
	height:60px;
	text-align:center;
}