@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

#index a:link {
	color:#fff;
}

#index a:visited {
	color:#fff;
}

#index a:hover {
	text-decoration: none;
	color:#fff;
}

#index a:active {
	color:#fff;
}
.wrap{
	width:1000px;
	margin:0 auto;
}

.onlysm{
	display:none;
}
.onlypc{
	display:block;
}

.sumaho{
	display:none;
}
/*////////////////////////////////////////////////////////////////// */

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

#top2 {
}

/* =========================================================
index
========================================================= */
#index {
}

/* =========================================================
top
========================================================= */
#index #top {
}

/* =========================================================
head
========================================================= */
#index #top #head {
	padding:0;
}

#index #top #head .wrap {
}

#index #top #head .wrap .bind {
	width:1000px;
	margin:0 auto;
}

#index #top #head .wrap .bind .left {
	width:;
	float:left;
}

#index #top #head .wrap .bind .left img {
}

#index #top #head .wrap .bind .right {
	float:right;
}

#index #top #head .wrap .bind .right img {
}

/* =========================================================
contents
========================================================= */
#index #top #contents {
}

#index #top #contents .bg {
}

#index #top #contents .bg .wrap {
	position:relative;
	padding:60px 0 80px 0;
}

#index #top #contents .bg .wrap h1 {
}

#index #top #contents .bg .wrap h1 img {
}

#index #top #contents .bg .wrap .btn {
	text-align:center;
	margin:40px 0 0 0 ;
}

#index #top #contents .bg .wrap .btn img {
}

#index #top #contents .bg .wrap .shita {
	position:absolute;
	top:720px;
	left:475px;
}

#index #top #contents .bg .wrap .shita img {
}

/* =========================================================
contents2
========================================================= */
#index #contents2 {
}

#index #contents2 .bg {
	background: #000;
}

#index #contents2 .bg .wrap {
}

#index #contents2 .bg .wrap .bg_red {
	background-color:#d7003a;
	padding:15px 0 50px 0;
}

#index #contents2 .bg .wrap .bg_red .img {
}

#index #contents2 .bg .wrap .bg_red .img h2 {
}

#index #contents2 .bg .wrap .bg_red .img h2 img {
}

#index #contents2 .bg .wrap .bg_red .img .main {
	text-align:center;
	margin:20px 0 8px 0;
}

#index #contents2 .bg .wrap .bg_red .img .main p {
}

#index #contents2 .bg .wrap .bg_red .img .main p img {
}

#index #contents2 .bg .wrap .bg_red .box_all {
}

#index #contents2 .bg .wrap .bg_red .box_all h2 {
}

#index #contents2 .bg .wrap .bg_red .box_all h2 img {
}

#index #contents2 .bg .wrap .bg_red .box_all .inner {
	margin:0 auto;
	width:900px;
}

#index #contents2 .bg .wrap .bg_red .box_all .inner .box {
	background-color:#fff;
	position:relative;
	margin:185px auto 0 auto;
	padding:75px 0 30px 0;
}

#index #contents2 .bg .wrap .bg_red .box_all .inner .box h3 {
	position:absolute;
	top:-170px;
	left:-50px;
}
#index #contents2 .bg .wrap .bg_red .box_all .inner .box .title{
	display:none;
}
#index #contents2 .bg .wrap .bg_red .box_all .inner .box h3 img {
}

#index #contents2 .bg .wrap .bg_red .box_all .inner .box .main {
}

#index #contents2 .bg .wrap .bg_red .box_all .inner .box .main .text {
	width:850px;
	margin:0 auto;
	font-size:24px;
	line-height:150%;
	letter-spacing:0.08em;
}

#index #contents2 .bg .wrap .btnarea {
	position:relative;
	background-color:#d7003a;
	padding:30px 0;
	text-align:center;
}

#index #contents2 .bg .wrap .btnarea .wrap {
}

#index #contents2 .bg .wrap .btnarea .wrap .text {
	color:#fff;
	font-weight:bold;
	font-size:26px;
}

#index #contents2 .bg .wrap .btnarea .wrap .btn {
	margin-top:10px;
}

#index #contents2 .bg .wrap .btnarea .wrap .btn img {
	
}

#index #contents2 .bg .wrap .btnarea .wrap .bottom {
	position:absolute;
	top:0px;
	left:460px;
}

#index #contents2 .bg .wrap .btnarea .wrap .bottom img {
}

@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////

[contents3]

/////////////////////////////////////////////////////////////////// */

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

/* =========================================================
contents3
========================================================= */
div#contents3 {
}

div#contents3 div.bg {
	background-color:#c30044;
}

div#contents3 div.bg div.wrap {
}

div#contents3 div.bg div.wrap div.bg_gray {
	background-color:#fff;
	padding:15px 0 35px 0;
}

div#contents3 div.bg div.wrap div.bg_gray div.top {
}

div#contents3 div.bg div.wrap div.bg_gray div.top h2 {
	text-align:center;
	margin-bottom:35px;
}

div#contents3 div.bg div.wrap div.bg_gray div.top h2 img {
}

div#contents3 div.bg div.wrap div.bg_gray div.top p.main2 {
	text-align:center;
	margin-bottom:45px;
}

div#contents3 div.bg div.wrap div.bg_gray div.top p.main2 img {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner {
	width:907px;
	margin:0 auto;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind {
	font-size:16px;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner .shita{
	margin-top:60px;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind h3 {
	margin-bottom:25px;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind h3 img {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.left {
	width:420px;
	float:left;
	padding:20px 0;
	margin-left:25px;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind h4 {
	font-size:42px;
	font-weight:bold;
	text-align:center;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind p.img {
	text-align:center;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.left p.img img {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.datail {
	width:360px;
	margin:25px auto 0 auto;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.text {
	width:370px;
	margin:9px auto;
	border:#CCC 1px solid;
	padding:5px 10px;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind p.aten {
	width:370px;
	margin:0 auto;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.right {
	width:420px;
	float:right;
	padding:20px 0;
	margin-right:25px;
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.right h4 {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.right p.img {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.right p.img img {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.right div.datail {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.right div.text {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner div.bind div.right p.aten {
}

div#contents3 div.bg div.wrap div.bg_gray div.inner .ue .line{
	border:#9dd6fb 3px solid;
}
div#contents3 div.bg div.wrap div.bg_gray div.inner .shita .line{
	border:#ffa200 3px solid;
}



#index #contents3 .bg .wrap .bg_gray .img2 {
	text-align:center;
}

#index #contents3 .bg .wrap .bg_gray .img2 .img {
	margin-bottom:35px;
}

#index #contents3 .bg .wrap .bg_gray .img2 .img img {
}

#index #contents3 .bg .wrap .bg_gray .img2 .text {
	font-size:14px;
	line-height:200%;
	letter-spacing:0.1em;
	text-align:left;
	width:720px;
	margin:70px auto 60px auto;
}

#index #contents3 .bg .wrap .bg_gray .img2 .btn {
}

#index #contents3 .bg .wrap .bg_gray .img2 .btn img {
}
#index #contents3 .bg .wrap .bg_gray .img2 .img{
	margin:48px 0 0 0 ;
}


/* =========================================================
contents4
========================================================= */
#index #contents4 {
}

#index #contents4 .bg {
	padding:20px 0 40px 0;
	background-color:#fef3d4;
}

#index #contents4 .bg .wrap {
}

#index #contents4 .bg .wrap h2 {
	text-align:center;
	margin-bottom:5px;
}

#index #contents4 .bg .wrap h2 img {
}

#index #contents4 .bg .wrap .inner {
	width:830px;
	margin:0 auto;
}
 
#index #contents4 .bg .wrap .inner .box{
	border-bottom:#fb5f12 1px solid;
	padding:25px 0;
}

#index #contents4 .bg .wrap .inner .line{
	border-top:#fb5f12 1px solid;
}

#index #contents4 .bg .wrap .inner .box1 .cf {
}

#index #contents4 .bg .wrap .inner .box1 .cf .left {
	width:220px;
	float:left;
	text-align:center;
}

#index #contents4 .bg .wrap .inner .box1 .cf .left img {
}

#index #contents4 .bg .wrap .inner .box1 .cf .right {
	width:580px;
	margin-right:20px;
	float:right;
}

#index #contents4 .bg .wrap .inner .box .cf h3 {
	font-size:18px;
	margin-bottom:10px;
	color:#fa7a16;
}

#index #contents4 .bg .wrap .inner .box .cf .text {
	font-size:16px;
	line-height:180%;
}

#index #contents4 .bg .wrap .inner .box2 {
}

#index #contents4 .bg .wrap .inner .box2 .bind {
}

#index #contents4 .bg .wrap .inner .box2 .bind .right {
	width:220px;
	float:right;
	text-align:center;
}

#index #contents4 .bg .wrap .inner .box2 .bind .right img {
}

#index #contents4 .bg .wrap .inner .box2 .bind .left {
	width:580px;
	float:left;
	margin-left:20px;
}

#index #contents4 .bg .wrap .inner .box2 .bind .left h3 {
}

#index #contents4 .bg .wrap .inner .box2 .bind .left .text {
}

#index #contents4 .bg .wrap .inner .btn {
	text-align:center;
	margin-top:80px;
}

#index #contents4 .bg .wrap .inner .btn img {
}

/* =========================================================
contents5
========================================================= */
#index #contents5 {
}

#index #contents5 .bg {
	background: #963;
}

#index #contents5 .bg .wrap {
}

#index #contents5 .bg .wrap .bg_main {
	padding:70px 0 60px 0;
	background-color:#f9f8f7;
}

#index #contents5 .bg .wrap .bg_main h2 {
	text-align:center;
}

#index #contents5 .bg .wrap .bg_main h2 img {
}

#index #contents5 .bg .wrap .bg_main .img {
	text-align:center;
	margin:15px 0 50px 0;
}

#index #contents5 .bg .wrap .bg_main .img img {
}

#index #contents5 .bg .wrap .bg_main .media {
	background-color:#fef3d4;
	width:870px;
	padding:35px 0;
	margin:45px auto 30px auto;
}

#index #contents5 .bg .wrap .bg_main .media h3 {
	text-align:center;
	margin-bottom:30px;
}

#index #contents5 .bg .wrap .bg_main .media h3 img {
}

#index #contents5 .bg .wrap .bg_main .media .datail {
	width:800px;
	margin:0 auto;
	background-color:#fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

}

#index #contents5 .bg .wrap .bg_main .media .datail .inner {
	width:650px;
	margin:0 auto;
	font-size:18px;
	padding:30px 0;
	letter-spacing:0.1em;
}

#index #contents5 .bg .wrap .bg_main .media .datail .inner ul {
}

#index #contents5 .bg .wrap .bg_main .media .datail .inner ul li {
	margin-bottom:5px;
}

#index #contents5 .bg .wrap .bg_main .media .datail .inner p {
	margin-top:40px;
}

#index #contents5 .bg .wrap .bg_main .btn {
	text-align:center;
}

#index #contents5 .bg .wrap .bg_main .btn img {
}

/* =========================================================
contents6
========================================================= */
#index #contents6 {
	font-size:16px;
	text-align:center;
}

#index #contents6 .bg {
	background-color:#fef3d4;
	padding:50px 0 130px 0;
}

#index #contents6 .bg .wrap {
}

#index #contents6 .bg .wrap h2 {
	margin-bottom:40px;
	text-align:center;
}

#index #contents6 .bg .wrap h2 img {
}

#index #contents6 .bg .wrap .ac {
}

#index #contents6 .bg .wrap ul {
}

#index #contents6 .bg .wrap ul li {
	margin-top:40px;
}

#index #contents6 .bg .wrap ul li img {
}

#index #contents6 .bg .wrap .text1{
	line-height:200%;
	letter-spacing:0.1em;
}

#index #contents6 .bg .wrap .text2{
	margin-top:30px;
}


/*------------------------------
	会社概要用スタイル
-------------------------------*/


.company_info_title{
	font-size:1.4em;
	letter-spacing:0.1em;
	padding:10px 60px;
	background:#930;
	border-radius:5px;
	display:table;
	margin:0 auto 15px auto;
	color:#FFF;

	/* box-shadow */
	box-shadow:3px 2px 0px 0px #ead7c2;
	-moz-box-shadow:3px 2px 0px 0px #ead7c2;
	-webkit-box-shadow:3px 2px 0px 0px #ead7c2;
}

.company_info{
	width:800px;
	margin:0 auto 50px auto;
	border:#bbaf8c solid 1px;
	border-radius:5px;
	padding:15px;
	background:#fff;
}

.company_info .profile_box{
	width:100%;
	background:#fff;
	border:#bbaf8c solid 1px;
}

.company_info .profile_box dl{
	border-bottom:#c7b070 dashed 1px;
	vertical-align:middle;
}

.company_info .profile_box dl.last_table{
	border-bottom:none;
}

.company_info .profile_box dl dt{
	padding:10px;
	font-size:1.1em;
	letter-spacing:0.06em;
	font-weight:normal;
	background:#fffdf7;
	color:#333;
	text-align:left;
	float:left;
	width:134px;
	display:table-cell;
	vertical-align:middle;
}

.company_info .profile_box dl dd{
	padding:10px 20px;
	text-align:left;
	color:#666;
	font-size:0.98em;
	letter-spacing:0.04em;
	border-left:#c7b070 dashed 1px;
	display:table-cell;
	vertical-align: middle;
	float:left;
}




/* ///////////////////////////////////////////////////////////////////

2017.4.24 追加修正

/////////////////////////////////////////////////////////////////// */



/* =========================================================
top
========================================================= */
#top {
	background:url(../img/new_mainbg.png) top center repeat-x;
	padding-bottom:30px;
}

/* =========================================================
head
========================================================= */
#head {
}

#head .wrap {
}

#head .inq_box {
	background:#0099cb;
}

#head .inq_area {
	width:1000px;
	margin:0 auto;
	padding-top:10px;
}

#head .inq_area .logo {
	float:left;
}

#head .inq_area .logo img {
}


#head .inq_area .right_area {
	float:right;
	display:table;
}

#head .inq_area .right_area .tel {
	float:left;
	padding:10px 25px 0 0;
}


#head .inq_area .right_area .tel img {
}

#head .inq_area .right_area .inq_btn {
	float:right;
}

#head .inq_area .right_area .inq_btn img {
}

#head .wrap .main_subcopy_area {
	text-align:center;
	margin-top:-75px;
}


#head .wrap .main_copy_area {
	text-align:center;
	margin-top:20px;
}

#head .wrap .main_copy_area p {
}

#head .wrap .main_copy_area p img {
}

#head .wrap .main_step_area {
	margin-top:40px;
	text-align:center;
}

#head .wrap p {
}

#head .wrap p img {
}

.new_main_btn {
	background:#e1eef6;
	height:126px;

}

.new_main_btn p {
	text-align:center;
}

.new_main_btn p img {
	margin-top:-45px;
}