@CHARSET "UTF-8";

/* 画面サイズ1160 コンテンツ部800px サイドバー部350px */

/* ----------------- reset css 開始 ----------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	line-height: 1;
	-webkit-text-size-adjust : none1; /* 携帯サイズによって文字の大きさを変えない（例縦→横） */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
	text-decoration: none;
	color: #000000;
}

.wrapper{
	font-size:16px;
	width:1160px;
	margin: 0 auto;
	position:relative;
}

/* ----------------- reset css 終了 ----------------- */

/* ----------------- 共通(header部) 開始 ----------------- */
body{
	width:100%;
	height:100%;
}

/* -------- clear fix 開始-------- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
/* -------- clear fix 終了-------- */


/* -------- 問い合わせ先 開始-------- */
.inquiry{
	margin: 0;
	padding: 0;
}
.inquiry p{
	margin: 0;
	padding: 0;

	position: fixed;
	right:16px;
	bottom:16px;
}
.move_inpuiry{
	display: block ;
	background: #D36015 ;
	width: 50px ;
	height: 50px ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
}
.move_inpuiry:hover
{
	opacity: 0.85 ;
}
/* -------- 問い合わせ先 終了-------- */


/* -------- header部 開始 -------- */
header,
footer{
	width: 100%;
	box-sizing: border-box;
	background-color: #333333;
}

#h_wrapper,
#f_wrapper{
	display: block;
	box-sizing: border-box;
	width: 960px;
	margin:0 auto;
	padding: 10px;
	position: relative;
}
#header_left,
#footer_left{
	font-size: 50px;
	color:#dddddd;
}
#header_right{
	background-color: white;
	display: block;
	border:1px solid black;
	border-radius: 10px;
	font-size: 15px;
	position: absolute;
	bottom:20px;
	right:0px;
	padding: 5px 10px;
}
/* -------- header部 終了 -------- */

/* -------- m_wrapper 開始 -------- */
#m_wrapper{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	position: relative;
}

.bc_white{
	background-color:#eeeeee;
}
.bc_orange{
	background-color:#FFDBC9;
}
/* -------- m_wrapper 終了 -------- */

/* -------- content 開始 -------- */
.content1{
	display: block;
	box-sizing: border-box;
	width: 960px;
	margin:0 auto;
}

.content1 h2{
	font-size:48px;
	color: red;
	padding:30px 0;
}

.content1 p{
	font-size: 20px;
	margin-right:10px;
	padding: 20px 0;
	float:left;
}

.content1 img{
	float:left;
	width: 400px;
}
/* -------- content 終了 -------- */

/* -------- content2 開始 -------- */
.content2{
	display: block;
	box-sizing: border-box;
	width: 960px;
	margin:0 auto;
}

.content2 h2{
	font-size:48px;
	color: red;
	padding:30px 10;
}

.content2 > ul{
	padding-left: 10px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2em;
}

.content2 p{
	display: block;
	font-size: 24px;
	text-align: center;
	padding: 20px 0;
}

.content2 img{
	float:left;
	width: 300px;
	margin-right:20px;
}
.content2 ul{
	font-size: 24px;
	line-height: 1.8em;
	float: left;

}
/* -------- content2 終了 -------- */

/* -------- content3 開始 -------- */
.content3{
	display: block;
	box-sizing: border-box;
	width: 960px;
	margin:0 auto;
}

.content3 h2{
	font-size:48px;
	color: red;
	padding:30px 10;
}

.content3 > ul{
	padding-left: 10px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2em;
}

.content3 p{
	display: block;
	font-size: 24px;
	padding: 20px 0;
}
.content3_in{
	padding-left:10px;
}

.content3 img{
	float:left;
	width: 960px;
}
.content3_in ul{
	font-size: 24px;
	line-height: 1.8em;
	float: left;
}
.content3 .crawling{
}
/* -------- content3 終了 -------- */

/* -------- content4 開始 -------- */
.content4{
	display: block;
	box-sizing: border-box;
	width: 960px;
	margin:0 auto;
}

.q_wrapper{
	display: block;
	margin: 20px 0px;
	width: 700px;
	border: 1px solid #FF69A3;
}

.question{
	font-size: 24px;
	padding: 10px 10px 10px 38px;
	width: 100%;
	background-color: #FFABCE;

}
.question:before{
	font-size: 24px;
	content: "\f059";
	margin-left: -28px;
	font-family: FontAwesome;
}

.ans{
	padding: 10px 10px 10px 38px;
	width: 100%;
	font-size: 24px;
}

.ans:before{
	content: "\f06a";
	font-family: FontAwesome;
	margin-left: -28px;
}


/* -------- content4 終了 -------- */

/* -------- content5 開始 -------- */
#content5{
	display: block;
	box-sizing: border-box;
	width: 960px;
	margin:0 auto;
}

#content5 form dl{
	margin-bottom:10px;
}
#content5 form dt{
	float:left;
	width:240px;
	line-height: 26px;
	font-size: 20px;
	box-sizing:border-box;
}
#content5 form dd{
	float: left;
	width:600px;
}

#content5 input[type = "text"]{
	font-size: 20px;
	padding-left:5px;
}
#content5 input[type = "checkbox"]{
	margin:20px 0;
	font-size: 20px;
	padding-left:5px;
}
#content5 textarea{
	font-size: 20px;
	padding-left:5px;
	width:404px;
	height: 160px;
}

#content5 input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

#content5 .col1{
	width:404px;
}
#content5 .col2{
	width:200px;
}

#content5 textarea{
	font-size: 20px;
	padding:5px;
}

#content5 span{
	margin-left:8px;
	padding:3px;
	font-size:16px;
	color: #FF0461;
}

#content5 iframe{
	padding:5px;
	border: 1px solid #A9A9A9;
}

.sub{
	margin-top: 20px;
	display: block;
}

button{
	border:1px solid #647595;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	padding: 5px 10px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF;
	background-color: #8492AD; background-image: -webkit-gradient(linear, left top, left bottom, from(#8492AD), to(#23538a));
	background-image: -webkit-linear-gradient(top, #8492AD, #23538a);
	background-image: -moz-linear-gradient(top, #8492AD, #23538a);
	background-image: -ms-linear-gradient(top, #8492AD, #23538a);
	background-image: -o-linear-gradient(top, #8492AD, #23538a);
	background-image: linear-gradient(to bottom, #8492AD, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8492AD, endColorstr=#23538a);
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
}

.sub button:hover{
	border:1px solid #515f7a;
	background-color: #667798; background-image: -webkit-gradient(linear, left top, left bottom, from(#667798), to(#193b61));
	background-image: -webkit-linear-gradient(top, #667798, #193b61);
	background-image: -moz-linear-gradient(top, #667798, #193b61);
	background-image: -ms-linear-gradient(top, #667798, #193b61);
	background-image: -o-linear-gradient(top, #667798, #193b61);
	background-image: linear-gradient(to bottom, #667798, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#667798, endColorstr=#193b61);
}

/* -------- content5 終了 -------- */

/* ------------- bar 開始 ----------------- */
.bar1,
#bar5{
	display: block;
	box-sizing: border-box;
	width: 960px;
	margin:0 auto;
}

.bar1 h2,
#bar5 h2{
	font-size:48px;
	color: red;
	padding:30px 10;
}
/* ------------- bar 終了 ----------------- */

/* スマホ用 */
@media only screen and (max-width: 480px) {
/* スマートフォンだけ以下を適用 */
	#header_right{
		top: 10px;
		bottom:5px;
	}

	.wrapper{
		font-size:12px;
	}

	.bar1,
	#bar5,
	.content1,
	.content2,
	.content3,
	.content4,
	#content5,
	.wrapper,
	#h_wrapper,
	#f_wrapper,
	.q_wrapper
	{
		width: 100%;
	}
	.content1 h2,
	.bar1 h2,
	#bar5 h2
	{
		font-size:30px;
	}

	.content1 img,
	.content2 img,
	.content3 img
	{
		width: 380px;
	}

	#content5 form dd
	{
		width:100%;
	}

	#header_left,
	#footer_left
	{
		font-size: 20px;
	}

	#content5 iframe
	{
		width:100%;
		border:1px solid red;
	}

}