@charset "utf-8";


/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	line-height: 0;	
	background: #f3f3f3;
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{margin:0px;padding:0px;}
ul{list-style-type:none;}
img{border:none;max-width:100%;height:auto;margin: 0;padding: 0;}
table{border-collapse:collapse;font-size:100%;border-spacing:0;}
iframe{width:100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #484848;	/*リンクテキストの色*/
	-webkit-transition: 0.2s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
a:hover {
	color: #606060;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
}
/*サイト幅にしたheader内のブロック*/
header #inner {
	width: 1280px;
	height: 98px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	background: url(../img/p0415_m.jpeg);
}
/*ロゴ画像*/
header #logo {
	position: absolute;
	left: 57px;
	top: 29px;
}

/*メインメニュー
---------------------------------------------------------------------------*/
#menubar {
	padding-top: 29px;
	margin: 0 20px 0 0;
	width: 630px;
	float: right;
}
#menubar ul {
	margin: 0 auto;
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	
}
#menubar li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}


/*コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	width: 1280px;	
	margin: 0 auto;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	color: #fff;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	background: url(../img/p0415_m.jpeg);
	width: 1280px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px;
}
#footermenu a{
	color: #fff;
}

#footermenu a:hover{
	color: #fff;
	text-decoration: underline;
}

/*１行分の設定*/
#footermenu ul {
	text-align: right;
}

#footermenu ul li {
	float: right;
	margin: 25px;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	padding: 15px;
	color: #c8c8c8;
	font-size: 85%;
}
#copyright a {
	text-decoration: none;
	color: #c8c8c8;
}

/*SERVICEブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#service{
	background: url(../img/service_bg02.gif);
	margin: 0 auto;
	padding-bottom: 50px;
	
}
#service .btn_box01{
	text-align: center;
	margin: 80px auto;
}



/*service01設定*/
#service .service01 {
	background: url(../img/service_bg01.jpg);
	height: 637px;
	padding: 115px 0 0 560px;
}
#service .service01 .textbox{
	width: 720px;
	
}
#service .service01 .textbox p{
	line-height: 2;
	background-color: rgba( 255, 255, 255, 0.55 );
	padding: 15px 50px 0 20px;
	margin: 17px 0 0 0;
}
/*service02設定*/
#service .service02 {
	background: url(../img/service_bg02.jpg);
	height: 587px;
	padding: 106px 0 0 50px;
}
#service .service02 .textbox{
	width: 685px;
	
}
#service .service02 .textbox p{
	line-height: 2;
	background-color: rgba( 255, 255, 255, 0.55 );
	padding: 15px 20px 0 15px;
	margin: 17px 0 0 0;
}

/*MESSAGEブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#message{
}
#message .textbox{
	background: url(../img/message_bg.jpg);
	height: 1479px;
}
#message .textbox p{
	line-height: 2;
	padding: 24px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
}

/*PROFILEブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#profile .bgbox{
	background: url(../img/profile_bg.jpg) no-repeat;
	margin: 0 auto;
	padding-bottom: 50px;
	height: 1022px;
	
}
/*textbox設定*/
#profile .textbox{
	padding: 20px 70px 50px;
	
}

#profile .textbox img.left{
	float: left;
	margin-right: 50px;
}

#profile .textbox p{
	line-height: 2;
	padding: 15px 0;
	margin: 0;
}

/*COMPANY PROFILEブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#company{
}
#company a {
	color: #fff;	/*リンクテキストの色*/
	-webkit-transition: 0.2s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
#company .bgbox{
	background: url(../img/company_bg.jpg);
	margin: 0 auto;
	padding: 10px 0 50px;
	height: 408px;
}
#company .bgbox p{
	line-height: 2;
	padding: 24px 0;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
}
#company table {
	width: 490px;
	line-height: 1.8;
	color: #FFF;
	margin: 0 auto;
}
#company table td.item {
	width: 30%;
}
#company table td {
	width: 70%;
}

/*CONTACTブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#contact{
	width: 1280px;
	background: #fff;
	color: #000;
	margin: 0 auto;
	background: url(../img/contact_bg02.gif);
}

#contact p{
	line-height: 1.5;
	text-align: center;
	color: #000;
}
#contact .bgbox{
	background: url(../img/contact_bg01.gif) no-repeat top;
	width: 1280px;
	margin: 0 auto;
	padding: 0;
}

/*MAPブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#map{
	background: #c8c8c8;
}

#map .mapbox{
	width: 60%;
	margin: 0 auto;
	padding-bottom: 50px;
}

/*PRIVACY POLICYブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#privacypolicy {
	width: 100%;
   height: 100px;  /* 高さを制限(※) */
   overflow: auto;
   border: #bbb 1px solid;  /* 枠線を追加 */
   background-color: #f2f2f2; /* 背景色を追加 */
   color: #000;
   text-align: left;
   padding: 10px;
}

#privacypolicy h2{
	font-size: 120%;
	color: #646464;
	border-left: #9d0009 solid 5px;
	margin: 5px 2px;
	line-height: 1;
}


#privacypolicy .textbox{
	font-size: 85%;
	margin: 0 auto;
	line-height: 1.2;
}

#privacypolicy .textbox p{
	margin: 0 0 20px;
	line-height: 1.2;
	text-align: left;
}

#privacypolicy .textbox li{
	line-height: 1.2;
	padding-bottom: 15px;
}

#privacypolicy .textbox .right{
	line-height: 1.2;
	padding-bottom: 15px;
	text-align: right;
}


/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	background: #c8c8c8;
	clear: both;
}
#pagetop a {
	color: #FFF;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	padding: 0px 30px;	/*上下、左右へのボックス内余白*/
	background: #333;	/*背景色*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下。*/
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #999;	/*背景色*/
	color: #FFF;			/*文字色*/
}

/*FORM設定
---------------------------------------------------------------------------*/

.ss-form {
	width: 650px;
	margin: 0 auto;
	padding: 0;
}

.ss-form-desc {
  text-align: left;
}

.ss-form-desc[dir="rtl"] {
  text-align: right;
}

.ss-header-image-container {
  height: 0;
}

.ss-item {
  font-size: 1.080rem;
}

.ss-choices {
  font-size: 1.000rem;
}

.ss-record-username-message {
  font-family: "Roboto";
  color: rgb(119,119,119);
  font-weight: 400;
  font-size: 1.080rem;
  font-style: normal;
}

.ss-form-title {
  font-family: "Roboto";
  color: rgb(80,80,80);
  font-weight: 400;
  font-size: 2.460rem;
  font-style: normal;
  line-height: 0;
}

.ss-confirmation {
  font-family: "Roboto";
  color: rgb(80,80,80);
  font-weight: 400;
  font-size: 2.460rem;
  font-style: normal;
}

.ss-page-title, .ss-section-title {
  font-family: "Roboto";
  color: rgb(80,80,80);
  font-weight: 400;
  font-size: 1.845rem;
  font-style: normal;
}

.ss-form-desc, .ss-page-description, .ss-section-description {
  font-family: "Roboto";
  color: rgb(140,140,140);
  font-weight: 400;
  font-size: 1.080rem;
  font-style: normal;
}

.ss-resp-content {
  font-family: "Roboto";
  color: rgb(119,119,119);
  font-weight: 400;
  font-size: 1.080rem;
  font-style: normal;
}

.ss-q-title {
  font-family: "Roboto";
  color: rgb(80,80,80);
  font-weight: 700;
  font-size: 1.080rem;
  font-style: normal;
  line-height: 2;
}

.ss-embeddable-object-container .ss-q-title {
  font-family: "Roboto";
  color: rgb(80,80,80);
  font-weight: 700;
  font-size: 1.845rem;
  font-style: normal;
}

.ss-q-help, .ss-q-time-hint {
  font-family: "Roboto";
  color: rgb(140,140,140);
  font-weight: 400;
  font-size: 1.000rem;
  font-style: normal;
}

.ss-choice-label, .video-secondary-text, .ss-gridrow-leftlabel, .ss-gridnumber, .ss-scalenumber, .ss-leftlabel, .ss-rightlabel {
  font-family: "Roboto";
  color: rgb(80,80,80);
  font-weight: 400;
  font-size: 1.000rem;
  font-style: normal;
}

.error-message, .required-message, .ss-required-asterisk {
  font-family: "Roboto";
  color: rgb(196,59,29);
  font-weight: 400;
  font-size: 1.000rem;
  font-style: normal;
}

.ss-send-email-receipt {
  font-family: "Roboto";
  color: rgb(80,80,80);
  font-weight: 400;
  font-size: 1.000rem;
  font-style: normal;
}

.ss-password-warning {
  font-family: "Arial";
  color: rgb(119,119,119);
  font-weight: 400;
  font-size: 1.000rem;
  font-style: italic;
  line-height: 1.5;
  height: 1px;
}

.disclaimer {
  font-family: "Arial";
  color: rgb(119,119,119);
  font-weight: 400;
  font-size: 0.850rem;
  font-style: normal;
}

.ss-footer-content {
  font-family: "Arial";
  color: rgb(80,80,80);
  font-weight: 400;
  font-size: 1.000rem;
  font-style: normal;
}

.progress-label {
  font-family: "Roboto";
  color: rgb(140,140,140);
  font-weight: 400;
  font-size: 1.000rem;
  font-style: normal;
}

a:link {
  color: rgb(0,0,238);
}

a:visited {
  color: rgb(85,26,139);
}

a:active {
  color: rgb(252,0,0);
}

input[type='text'], input:not([type]), textarea {
  font-size: 1.000rem;
}

.error, .required, .errorbox-bad {
  border-color: rgb(196,59,29);
}

.jfk-progressBar-nonBlocking .progress-bar-thumb {
  background-color: rgb(140,140,140);
}

.ss-logo-image {
  background-image: url('https://ssl.gstatic.com/docs/forms/forms_logo_2_small_dark.png');
  background-size: 108px 21px;
  width: 108px;
  height: 21px;
}

@media screen and (-webkit-device-pixel-ratio: 2) {
.ss-logo-image {
  background-image: url('//ssl.gstatic.com/docs/forms/forms_logo_2_small_dark_2x.png');
}
}




/*その他
---------------------------------------------------------------------------*/
.clear {clear: both;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}



/*画面幅1280px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:1280px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*サイト幅にしたheader内のブロック*/
header {
	width: 100%;
}


header #inner {
	width: 100%;
}

/*コンテンツ1280px以下
---------------------------------------------------------------------------*/
#contents {
	width: 100%;
}

/*SERVICEブロック1280px以下
---------------------------------------------------------------------------*/
#service{
	background: #fff;
	margin: 0 auto;
	width: 100%;
	
}
#service .btn_box01{
	text-align: center;
	margin: 30px auto;
}
/*service01設定1280px以下*/
#service .service01 {
	background: url(../img/service_bg01.jpg) left top no-repeat;
	height: auto;
	padding: 38px 0 0 250px;
	margin: 30px 0;
}
#service .service01 .textbox{
	width: 90%;
	
}
#service .service01 .textbox p{
	line-height: 2;
	background-color: rgba( 255, 255, 255, 0.55 );
	padding: 15px 15px 0 15px;
	margin: 17px 0 0 0;
}
/*service02設定1280px以下*/
#service .service02 {
	background: url(../img/service_bg02.jpg) right top no-repeat;
	height: auto;
	padding: 38px 0 0 50px;
	margin: 30px 0;
}
#service .service02 .textbox{
	width: 80%;
	
}
#service .service02 .textbox p{
	line-height: 2;
	background-color: rgba( 255, 255, 255, 0.55 );
	padding: 15px 20px 0 15px;
	margin: 17px 0 0 0;
}

/*MESSAGEブロック1280px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#message{
}
#message .textbox{
	background: #fff;
	height: auto;
}
#message .textbox p{
	line-height: 2;
	padding: 24px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
}

/*PROFILEブロック1280px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#profile .bgbox{
	background: #fff;
	height: auto;
	
}

/*COMPANY PROFILEブロック1280px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#company{
}
#company a {
	color: #fff;	/*リンクテキストの色*/
	-webkit-transition: 0.2s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
#company .bgbox{
	background: url(../img/p0415_m.jpeg);
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
}
#company .bgbox p{
	line-height: 2;
	padding: 24px 0;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
}
#company table {
	width: 490px;
	line-height: 2;
	color: #FFF;
	margin: 0 auto;
}
#company table td.item {
	width: 30%;
	vertical-align: top;
}
#company table td {
	width: 70%;
	vertical-align: top;
}

/*CONTACTブロック1280px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#contact{
	width: 100%;
	background:#fff;
}

#contact p{
	line-height: 1.5;
	text-align: center;
	color: #000;
}
#contact .bgbox{
	background: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/*FORM設定650px以下
---------------------------------------------------------------------------*/

.ss-form {
	width: 70%;
	margin: 0 auto;
	padding: 0;
}

/*フッターメニュー1280px以下
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 100%;
}

}



/*画面幅650px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:650px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*サイト幅にしたheader内のブロック*/
header #inner {
	width: 100%;
}

header #logo {
	position: absolute;
	left: 15px;
	top: 15px;
}


/*コンテンツ650px以下
---------------------------------------------------------------------------*/
#contents {
	width: 100%;
}

/*メインメニュー650px以下
---------------------------------------------------------------------------*/
#menubar {
	padding-top: 29px;
	margin: 0;
	width: 100%;
	float: none;
}

/*SERVICEブロック650px以下
---------------------------------------------------------------------------*/
#service{
	background: #fff;
	margin: 0 auto;
	width: 100%;
	
}
#service .btn_box01{
	text-align: center;
	margin: 0 auto;
}
/*service01設定650px以下*/
#service .service01 {
	background: url(../img/service_bg01.jpg) left top no-repeat;
	height: auto;
	padding: 10px;
	margin: 0;
}
#service .service01 .textbox{
	width: 100%;
	
}
#service .service01 .textbox p{
	line-height: 2;
	background-color: rgba( 255, 255, 255, 0.55 );
	padding: 10px;
	margin: 10px;
}
/*service02設定650px以下*/
#service .service02 {
	background: url(../img/service_bg02.jpg) right top no-repeat;
	height: auto;
	padding: 10px;
	margin: 20px 0;
}
#service .service02 .textbox{
	width: 100%;
	
}
#service .service02 .textbox p{
	line-height: 2;
	background-color: rgba( 255, 255, 255, 0.55 );
	padding: 10px;
	margin: 10px 5px;
}

/*MESSAGEブロック650px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#message{
	background: #fff;
}
#message .textbox{
	background: #fff;
	height: auto;
	width: 90%;
	text-align: left;
	margin: 0 auto;
}
#message .textbox br{
	display: none;
}

/*PROFILEブロック650px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#profile .bgbox{
	background: #fff;
	height: auto;
	
}
/*textbox設定*/
#profile .textbox{
	padding: 20px;
	
}

#profile .textbox img.left{
	float: none;
	margin-right: 0;
}

#profile .textbox p{
	line-height: 2;
	padding: 15px 0;
	margin: 0;
}



/*COMPANY PROFILEブロック650px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#company{
}
#company a {
	color: #fff;	/*リンクテキストの色*/
	-webkit-transition: 0.2s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
#company .bgbox{
	background: url(../img/p0415_m.jpeg);
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
}
#company .bgbox p{
	line-height: 2;
	padding: 24px 0;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
}
#company table {
	width: 90%;
	line-height: 2;
	color: #FFF;
	margin: 0 auto;
}
#company table td.item {
	width: 30%;
	vertical-align: top;
}
#company table td {
	width: 70%;
	vertical-align: top;
}

/*CONTACTブロック650px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#contact{
	width: 100%;
	background: #fff;
}
#contact .bgbox{
	width: 100%;
	background: #fff;
	height: auto;
	margin: 0 auto;
}
#contact .bgbox p{
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	text-align: center;
	color: #000;
}

/*PRIVACY POLICYブロック650px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#privacypolicy {
	width: 100%;
   height: 100px;  /* 高さを制限(※) */
   overflow: auto;
   border: #bbb 1px solid;  /* 枠線を追加 */
   background-color: #f2f2f2; /* 背景色を追加 */
   color: #000;
   text-align: left;
   padding: 0px;
}

#privacypolicy h2{
	font-size: 120%;
	color: #646464;
	border-left: #9d0009 solid 5px;
	margin: 5px 2px;
	line-height: 1;
}


#privacypolicy .textbox{
	font-size: 85%;
	margin: 0 auto;
	line-height: 1.2;
}

#privacypolicy .textbox p{
	margin: 0 0 20px;
	line-height: 1.2;
	text-align: left;
}

#privacypolicy .textbox li{
	line-height: 1.2;
	padding-bottom: 15px;
}

#privacypolicy .textbox .right{
	line-height: 1.2;
	padding-bottom: 15px;
	text-align: right;
}

/*FORM設定650px以下
---------------------------------------------------------------------------*/

.ss-form {
	width: 70%;
	margin: 0 auto;
	padding: 0;
}

/*MAPブロック650px以下
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#map .mapbox{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 50px;
}
}