/* CSS Document */

#index #container{
	margin:0 auto;
	position:relative;
	width:1240px;
}

#index .prod_txt{
	text-align:left;
	color:#000;
	margin:20px 0 0 0;
	position:relative;
	font-size:24px;
	font-weight: bold;
}

#index .jcre_hosyo{
	text-align:left;
	color:#fff;
	padding:0 0 0 15px;
	position:relative;
	font-size:28px;
	font-weight: bold;
	background: linear-gradient(160deg,#3e69c9, #f4f4f4)
}

#index .jcre_hosyo_txt{
	text-align:left;
	color:#000;
	padding:20px 5px 0px 5px;
	position:relative;
	font-size:24px;
	font-weight: bold;
	line-height:1.2em;
}

#index .jcre_hosyo_txt2{
	text-align:right;
	color:#000;
        margin: 30px 20px 0 0;
	position:relative;
	font-size:18px;
	line-height:1.2em;
}

#index .jsapo{
	text-align:left;
	color:#fff;
	padding:0 0 0 15px;
	position:relative;
	font-size:28px;
	font-weight: bold;
	background: linear-gradient(160deg,#f05ba5, #f4f4f4)
}

#index .jsapo_txt{
	text-align:left;
	color:#000;
	padding:20px 5px 0px 5px;
	position:relative;
	font-size:24px;
	font-weight: bold;
	line-height:1.2em;
}

#index .jsapo_txt2{
	text-align:right;
	color:#000;
        margin: 60px 20px 0 0;
	position:relative;
	font-size:18px;
	line-height:1.2em;
}

#index .jsapo_j{
	text-align:left;
	color:#ffd400;
	position:relative;
	font-size:28px;
	font-weight: bold;
}



#index .jcre_assist{
	text-align:left;
	color:#fff;
	padding:0 0 0 15px;
	position:relative;
	font-size:28px;
	font-weight: bold;
	background: linear-gradient(160deg,#638553, #f4f4f4)
}

#index .jcre_assist_txt{
	text-align:left;
	color:#000;
	padding:20px 5px 0px 5px;
	position:relative;
	font-size:20px;
/*	font-weight: bold;*/
	line-height:1.2em;
}

#index .jcre_assist_txt2{
	text-align:right;
	color:#000;
        margin: 0 20px 0 0;
	position:relative;
	font-size:18px;
	line-height:1.2em;
}

#index .jcre_assist_j{
	text-align:left;
	color:#ffd400;
	position:relative;
	font-size:28px;
	font-weight: bold;
}

#index .jcre_e{
	text-align:left;
	color:#fff;
	padding:0 0 0 15px;
	position:relative;
	font-size:28px;
	font-weight: bold;
	background: linear-gradient(160deg,#bf3314, #f4f4f4)
}

#index .jcre_e_txt{
	text-align:left;
	color:#000;
	padding:20px 5px 0px 5px;
	position:relative;
	font-size:20px;
	line-height:1.2em;
}

#index .jcre_e_txt_cmt{
	text-align:left;
	color:#000;
	padding:0 5px 0px 5px;
	position:relative;
	font-size:15px;
	line-height:1.0em;
}

#index .jcre_e_txt2{
	text-align:right;
	color:#000;
        margin: 8px 20px 0 0;
	position:relative;
	font-size:18px;
	line-height:1.2em;
}


#index .myg_j{
	text-align:left;
	color:#fff;
	padding:0 0 0 15px;
	position:relative;
	font-size:28px;
	font-weight: bold;
	background: linear-gradient(160deg,#8f8e8e, #f4f4f4)
}

#index .myg_j2{
	text-align:left;
	color:#fff;
	padding:3px 0 3px 15px;
	position:relative;
	font-size:28px;
	font-weight: bold;
	background: linear-gradient(#aa9797, #d1cbcb)
}

#index .myg_txt{
	text-align:left;
	color:#000;
	padding:20px 5px 0px 5px;
	position:relative;
	font-size:20px;
	line-height:1.2em;
}

#index .myg_txt2{
	text-align:right;
	color:#000;
        margin: 22px 20px 0 0;
	position:relative;
	font-size:18px;
	line-height:1.2em;
}

#index .plus_j{
	text-align:left;
	color:#fff;
	padding:0 0 0 15px;
	position:relative;
	font-size:28px;
	font-weight: bold;
	background: linear-gradient(160deg,#ffc200, #f4f4f4)
}

#index .plus_j_txt{
	text-align:left;
	color:#000;
	padding:20px 5px 0px 5px;
	position:relative;
	font-size:20px;
	line-height:1.2em;
}

#index .plus_j_txt2{
	text-align:right;
	color:#000;
        margin: 0 20px 0 0;
	position:relative;
	font-size:18px;
	line-height:1.2em;
}

#index .rieki{
	width:300px;
	text-align:center;
	color:#000;
	position:relative;
	font-size:28px;
	font-weight: bold;
	border: 2px solid #000;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#index .rieki_txt{
	text-align:center;
	color:#000;
	padding:30px 90px 0px 0px;
	position:relative;
	font-size:20px;
	line-height:1.2em;
}


#index #bg{
	background:url(../images/bgimg1.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	width:100%;
	height:0;
	padding-top: calc(900 / 2950 * 100%);
}

#index td {
	width:620px;
}

#index #catch {
	display:none;
}



/*- main ----------------------------------------*/
#mainttl ul{
	margin:200px 0 0 0;
}

#mainttl .mainttl_bar_l{
	width:40%;
	height:55px;
	background:url(../images/ttl_bd.png) repeat;
	float:left;
}

#mainttl .mainttl_bar_r{
	width:40%;
	height:55px;
	background:url(../images/ttl_bd.png) repeat;
	float:left;
}

#mainttl .mainttl_txt{
	font-size:30px;
	font-weight: bold;
	width:20%;
	height:55px;
	text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	float:left;
}



/*- main1_box -----------------------------------*/
#main1 {
	margin-top: 1em;
}

.main1_box {
	width: 560px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding: 1.5em 1.5em;
	height:336px;
	background:url(../images/btn_bgimg1.jpg) no-repeat;
/*	margin: 1em 0;*/
/*	display: block;*/
/*	margin-left: auto;*/
/*	margin-right: auto;*/
	float:left;

}

.main1_img img {
	width: 10%;
	margin:10px 0 0 50px;

}

.main1_txt {
	margin:5px 0;
	padding: 30px;
	background:#ffffff;
	width: 500px;
/*	display: block;*/
/*	margin-left: auto;*/
/*	margin-right: auto;*/
	background: rgba(255,255,255,0.7);
	height:74%;
}

.main1_box ul {
	width: 90%;
	margin:0 auto;
}

.main1_box li {
	margin:20px 0 0 0px;
	font-size:26px;
	text-align:center;
	font-weight: bold;
/*	border-bottom: dashed 1px #ff801a;*/
}

.main1_box dd {
	font-size:18px;
	line-height:1.2em;
	margin:0 0 0 30px;
	float:left;
}

/* マウスホバー時のカラー*/
.main1_btn_a:hover {
	color: #c70000;
}

.main1_txt:hover {
	background: rgba(190,245,255,0.7);
}

#main1 .imgico{
	width: 5%;
}

#main1 .imgjcre{
	width: 15%;
}

#main1 .main1_fonts{
	font-size:24px;
}

#main1 .main1_fontb{
	font-size:24px;
	color:#ec5900;
	margin:0 10px;
}


/*//main1_box*/

/*- main2_box -----------------------------------*/
#main2 {
	margin-top: 10px;
	float:left;
}

.main2_box {
	width: 550px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding: 10px 20px 20px 20px;
	height:240px;
	background:url(../images/main_btn1.png) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #3e69c9;

}

.main2_img img {
	width: 20%;
	margin:10px 0 0 30px;

}

.main2_txt {
	margin:5px 0;
/*	padding: 30px 30px 25px 30px;*/
/*	background:#ffffff;*/
/*	width: 100%;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	background: rgba(255,255,255,0.7);*/
/*	height:75%;*/
}

.main2_box dl {
	width: 45%;
	margin:0 0 0 50px;
	float:left;
}

.main2_box dt {
	margin:10px 0 0 0;
	font-size:20px;
	text-align:left;
	font-weight: bold;
/*	border-bottom: dashed 1px #ff801a;*/
}

.main2_box dd {
	font-size:18px;
	line-height:1.8em;
	margin:0 0 0 30px;
}

/* マウスホバー時のカラー*/
/*.main2_btn_a:hover {
	background:url(../images/main_btn5.png) no-repeat;
}
*/
.main2_box:hover {
        opacity: 0.5 ;
/*	background: rgba(190,245,255,0.4);*/
}

/*//main2_box*/

/*- main3_box -----------------------------------*/
#main3 {
	margin-top: 2em;
	float:right;
}

.main3_box {
	width: 550px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding: 10px 20px 20px 20px;
	height:160px;
	background:url(../images/main_btn4.png) no-repeat;
	border: 2px solid #ffd54f;

}

.main3_img img {
	width: 10%;
	margin:10px 0 0 50px;

}

.main3_txt {
/*	padding: 30px 30px 25px 30px;*/
/*	background:#ffffff;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	background: rgba(255,255,255,0.7);*/
/*	height:75%;*/
}

.main3_box dl {
	width: 45%;
	margin:0 0 0 50px;
	float:left;
}

.main3_box dt {
	margin:30px 0 0 0;
	font-size:20px;
	text-align:left;
	font-weight: bold;
/*	border-bottom: dashed 1px #ff801a;*/
}

.main3_box dd {
	font-size:18px;
	line-height:1.8em;
	margin:0 0 0 30px;
}

/* マウスホバー時のカラー*/
.main3_box:hover {
        opacity: 0.5 ;
/*	background: rgba(190,245,255,0.7);*/
}

/*//main3_box*/

/*- main4_box -----------------------------------*/
#main4 {
	margin-top: 2em;
	float:left;
}

.main4_box {
	width: 550px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding: 10px 20px 20px 20px;
	height:160px;
	background:url(../images/main_btn5.png) no-repeat;
	border: 2px solid #bdb0b0;
}

.main4_img img {
	width: 10%;
	margin:10px 0 0 50px;

}

.main4_txt {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main4_box dl {
	width: 45%;
	margin:0 0 0 50px;
	float:left;
}

.main4_box dt {
	margin:30px 0 0 0;
	font-size:20px;
	text-align:left;
	font-weight: bold;
/*	border-bottom: dashed 1px #ff801a;*/
}

.main4_box dd {
	font-size:18px;
	font-weight: bold;
	line-height:1.8em;
	margin:0 0 0 30px;
}

/* マウスホバー時のカラー*/
.main4_box:hover {
        opacity: 0.5 ;
/*	background: rgba(190,245,255,0.7);*/
}

/*//main4_box*/


/*- main5_box -----------------------------------*/
#main5 {
	margin-top: 2em;
	float:left;
}

.main5_box {
	width: 550px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding: 10px 20px 20px 20px;
	height:160px;
	background:url(../images/main_btn3.png) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #bf3314;

}

.main5_img img {
	width: 10%;
	margin:10px 0 0 50px;

}

.main5_txt {
/*	padding: 30px 30px 25px 30px;*/
/*	background:#ffffff;*/
/*	width: 100%;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	background: rgba(255,255,255,0.7);*/
/*	height:75%;*/
}

.main5_box dl {
	width: 45%;
	margin:0 0 0 50px;
	float:left;
}

.main5_box dt {
	margin:30px 0 0 0;
	font-size:20px;
	text-align:left;
	font-weight: bold;
/*	border-bottom: dashed 1px #ff801a;*/
}

.main5_box dd {
	font-size:18px;
	line-height:1.8em;
	margin:0 0 0 30px;
}

/* マウスホバー時のカラー*/
.main5_box:hover {
        opacity: 0.5 ;
/*	background: rgba(190,245,255,0.7);*/
}

/*//main5_box*/

/*- main6_box -----------------------------------*/
#main6 {
	margin-top: 2em;
	float:left;
}

.main6_box {
	width: 550px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding: 10px 20px 20px 20px;
	height:160px;
	background:url(../images/main_btn2_h200.png) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #638553;

}

.main6_img img {
	width: 20%;
	margin:10px 0 0 30px;

}

.main6_txt {
	margin:5px 0;
/*	padding: 30px 30px 25px 30px;*/
/*	background:#ffffff;*/
/*	width: 100%;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	background: rgba(255,255,255,0.7);*/
/*	height:75%;*/
}

.main6_box dl {
	width: 45%;
	margin:0 0 0 50px;
	float:left;
}

.main6_box dt {
	margin:10px 0 0 0;
	font-size:20px;
	text-align:left;
	font-weight: bold;
/*	border-bottom: dashed 1px #ff801a;*/
}

.main6_box dd {
	font-size:18px;
	line-height:1.8em;
	margin:0 0 0 30px;
}

/* マウスホバー時のカラー*/
.main6_box:hover {
        opacity: 0.5 ;
/*	background: rgba(190,245,255,0.7);*/
}

/*//main6_box*/

/*- main7_box -----------------------------------*/
#main7 {
	margin-top: 2em;
	float:right;
}

.main7_box {
	width: 550px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding: 10px 20px 20px 20px;
	height:160px;
/*	background:url(../images/btn_bgmain1.jpg) no-repeat;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #000000;

}

.main7_img img {
	width: 16%;
	margin:50px 0 0 10px;
	float:left;
}

.main7_txt {
/*	margin:5px 0;*/
/*	padding: 30px 30px 25px 30px;*/
/*	background:#ffffff;*/
/*	width: 100%;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	background: rgba(255,255,255,0.7);*/
/*	height:75%;*/
}

.main7_box dl {
	width: 45%;
	margin:0 0 0 50px;
	float:left;
}

.main7_box dt {
	margin:10px 0 0 0;
	font-size:20px;
	text-align:left;
	font-weight: bold;
/*	border-bottom: dashed 1px #ff801a;*/
}

.main7_box dd {
	font-size:18px;
	line-height:1.8em;
	margin:0 0 0 30px;
}



/* マウスホバー時のカラー*/
.main7_box:hover {
        opacity: 0.5 ;
/*	background: rgba(190,245,255,0.7);*/
}

/*//main7_box*/


/*- main8_box -----------------------------------*/
#main8 {
	margin-top: 10px;
	float:right;
}

.main8_box {
	width: 550px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding: 10px 20px 20px 20px;
	height:240px;
	background:url(../images/main_btn8.png) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #f05ba5;

}

.main8_img img {
	width: 20%;
	margin:10px 0 0 30px;

}

.main8_txt {
	margin:5px 0;
/*	padding: 30px 30px 25px 30px;*/
/*	background:#ffffff;*/
/*	width: 100%;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	background: rgba(255,255,255,0.7);*/
/*	height:75%;*/
}

.main8_box dl {
	width: 45%;
	margin:0 0 0 50px;
	float:left;
}

.main8_box dt {
	margin:10px 0 0 0;
	font-size:20px;
	text-align:left;
	font-weight: bold;
/*	border-bottom: dashed 1px #ff801a;*/
}

.main8_box dd {
	font-size:18px;
	line-height:1.8em;
	margin:0 0 0 30px;
}

/* マウスホバー時のカラー*/
.main8_box:hover {
        opacity: 0.5 ;
/*	background: rgba(190,245,255,0.7);*/
}

/*//main8_box*/


#index #container .company{
	left:0;
	top:0;
	height:249px;
	width:313px;
}

#index #container .team{
	left:0;
	top:269px;
	height:133px;
	width:313px;
}
#index #container .voice{
	left:333px;
	top:0;
	height:402px;
	width:313px;
}
#index #container .voice2{
	left:666px;
	top:0;
	height:249px;
	width:314px;
}

#index #container .bosyu{
	left:666px;
	top:269px;
	height:133px;
	width:147px;
}

#index #container .faq{
	left:833px;
	top:269px;
	height:133px;
	width:147px;
}

/*- content ------------------------------------------*/

#content .box{
	background:none;
	border:1px solid #cdcdcd;
	height:110px;
	padding:10px;
	margin:0;
}

/*- news ------------------------------------------*/

#content #news{
	margin:20px 0 20px 0;
	width:800px;
	float:left;
}

#content #news .infottl{
	margin:0;
}

#content #news .infobar1{
	width:435px;
	float:left;
}

#content #news .infobar2{
	width:435px;
	float:left;
}

#content #news .infobar2 img{
	margin-left: auto;
}

#content #news .infotxt{
	width:130px;
	font-size:16px;
	float:left;
	text-align:center;
}


#content #news dl{
	border-bottom:1px dotted #cdcdcd;
	margin-bottom:6px;
	padding-bottom:5px;
}

#content #news .box{
	display:block;
	overflow:auto;
	height:152px;
}

#content #news .box dl{
	height:auto;
}

#content #news dt{
	width:160px;
	float:left;
}

#content #news .dd11{
	width:60px;
	font-size:11px;
	float:left;
	text-align:center;
	border: solid 1px #ff7800;
	background: #ffd6b2;
	margin:0 10px;
}

#content #news .dd12{
	width:60px;
	font-size:11px;
	float:left;
	text-align:center;
	border: solid 1px #007eff;
	background: #b7dbff;
}

#content #news .dd13{
	width:60px;
	font-size:11px;
	float:left;
	text-align:center;
	border: solid 1px #1dcb00;
	background: #bdffb2;
}

#content #news .dd14{
	width:60px;
	font-size:11px;
	float:left;
	text-align:center;
	border: solid 1px #ff4dcb;
	background: #ffc5ee;
}

#content #news .dd20{
	font-size:14px;
	width:450px;
	float:left;
	margin:0 0 0 20px;
}

#content #news .dd20 a{
	color:#3d3d3d;
	font-size:14px;
	text-decoration: none;
}

#content #news .dd20 a:hover {
	color: #c70000;
}

/*- telnumber ------------------------------------------*/
#content #telbox{
	margin:20px 0 10px 0;
	width:400px;
	height:75px;
/*	float:right;*/
        border: 1px solid;
}

#content #telbox img{
	width:36px;
	padding:12px 10px 5px 40px;
}

#content #telbox .tel_no{
	padding:10px 40px 5px 0;
	font-size:34px;
        font-weight: bold;
	text-align:right;
	float:right;
}

/*- tsuukaritsu ------------------------------------------*/
#content #tsuukabox{
	margin:20px 0 20px 0;
	width:400px;
	height:75px;
/*	float:left;*/
        border: 1px solid;
}
#content #tsuukabox .tsuuka_ttl_box{
	padding:3px 0 0 40px;
	width:180px;
	float:left;
}

#content #tsuukabox .tsuuka_ttl{
	padding:10px 0 0 0;
	font-size:22px;
        line-height: 20px;
	text-align:left;
}
#content #tsuukabox .tsuuka_ttl_b{
	font-size:22px;
        font-weight: bold;
}

#content #tsuukabox .tsuuka_ritsu_box{
	float:right;
}

#content #tsuukabox .tsuuka_ritsu_b{
	padding:10px 40px 5px 0;
	font-size:34px;
        font-weight: bold;
	text-align:right;
}

/*- con1 con2 ------------------------------------------*/

#content .con1{
	width: 430px;
	float:left;
}