/*製品紹介*/
#product_menu{
	position:relative;
	float:left;
	background-color:#019fe6;
	width:100%;
}
#product_kigyo a{
	float:left;
	width:50%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	letter-spacing:17px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#019fe6;
}
#product_kigyo a:hover{
	background-color:#019fe6;
}
#product_kigyo .active{
	background-color:#a8def6;
}
#product_company a{
	float:left;
	width:50%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	letter-spacing:17px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#019fe6;
}
#product_company a:hover{
	background-color:#019fe6;
}
#product_company .active{
	background-color:#a8def6;
}
#product_midashi01{
	width:100%;
	margin:16px 0 0 0;
}
#product_wrapp{
	max-width:920px;
	width:100%;
	margin:0 auto 80px;
}
#product_wrapp img{
	float:left;
	width:50%;
	margin:3px 0;
}



#product_navi01 a{
	float:left;
	width:33.3%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	letter-spacing:13px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#efc2da;
	border-right:1px solid #efc2da;
	box-sizing: border-box;
}
#product_navi01 a:hover{
	background-color:#d64b8c;
}
#product_navi01 .active{
	background-color:#d64b8c;
}
#product_navi02 a{
	float:left;
	width:33.3%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	letter-spacing:17px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#b2daf0;
	border-right:1px solid #57b3e4;
	box-sizing: border-box;
}
#product_navi02 a:hover{
	background-color:#019fe6;
}
#product_navi02 .active{
	background-color:#019fe6;
}
#product_navi03 a{
	float:left;
	width:33.3%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	letter-spacing:17px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#b2daf0;
}
#product_navi03 a:hover{
	background-color:#019fe6;
}
#product_navi03 .active{
	background-color:#019fe6;
}

	#item_navi_box{
	width:100%;
	}
	#item_navi_box li{
	float:left;
	list-style:none;
	width:25%;
	height:40px;
	line-height:35px;
	}
	#item_navi_box li:nth-child(1){
	border:1px solid #333;
	}
	#item_navi_box li:nth-child(2){
	border-top:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(3){
	border-top:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(4){
	border-top:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(5){
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(6){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li:nth-child(7){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li:nth-child(8){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li:nth-child(9){
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(10){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li:nth-child(11){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li:nth-child(12){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li:nth-child(13){
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(14){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li:nth-child(15){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li:nth-child(16){
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	}
	#item_navi_box li a{
	display:block;
	text-decoration:none;
	height:100%;
	width:100%;
	font-size:1.2em;
	color:#333;
	background-image: url(../img/red_trianglei.png);
	background-position:right bottom;
	overflow:hidden;
	}
	#item_navi_box li a:hover{
	background-color:#efefef;
	}


/*会社案内*/
#corp_menu{
	position:relative;
	float:left;
	background-color:#019fe6;
	width:100%;
}
.corp_navi a{
	float:left;
	width:20%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:18.5px;
	letter-spacing:0;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#a8def6;
}
.corp_navi a:hover{
	background-color:#019fe6;
}
.corp_navi a.active{
	background-color:#019fe6;
}
.corp_wrapp{
	max-width:786px;
	width:100%;
	padding:0 20px;
	margin:0 auto 80px;
}
.komidashi{
	width:100%;
	clear:both;
}
.komidashi2{
	width:100%;
	clear:both;
	margin-top:60px;
}
#aisatu_midashi{
	width:100%;
}
#daihyoshamei{
	width:80%;
	text-align:right;
	font-size:22px;
	margin:0 10% 40px;
}
#katagaki{
	font-size:14px;
}
#aisatu_left{
	float:left;
	width:42%;
	font-size:17.5px;
	line-height:1.75;
}
#aisatu_center{
	float:left;
	width:16%;
}
#aisatu_center img{
	width:100%;
}
#aisatu_right{
	float:right;
	width:42%;
	font-size:17.5px;
	line-height:1.75;
}
#gaiyo_left{
	font-size:16px;
	clear:both;
	float:left;
	min-width:360px;
	margin:25px 0 0 0;
	border-left:4px solid #009ee5;
	box-sizing: border-box;
	padding-left:2%;
}
#gaiyo_txt{
	position:relative;
	top:-6px;
}
#gaiyo_txt a{
	text-decoration:none;
	color:#555;
}
#gaiyo_right{
	float:right;
	width:47%;
	min-width:320px;
	text-align:right;
}
.map{
	width:100%;
}
#enkaku_table{
	font-size:16px;
	padding:0;
	margin-top:23px;
}
#enkaku_table th{
	background-color:#009ee5;
	width:4px;
}
#enkaku_table td{
	padding:0 0 20px 12px;
	line-height:0.7;
}
/*workflow*/
#workflow_copy{
	width:100%;
}
#wf01_left{
	float:left;
	width:18.3%;
}
#wf01_left img{
	width:100%;
}
#workflow01{
	float:left;
	clear:both;
}
#workflow02{
	float:left;
	clear:both;
}
#wf01_right{
	float:right;
	width:80%;
	font-size:16px;
	line-height:1.9;
}
#wf01_right img{
	width:100%;
}
#wf02_top{
	clear:both;
	float:left;
	margin:45px 0 0 0;
	width:100%;
}
#wf02_top img{
	width:100%;
}	
#wf02_futo{
	float:right;
	width:199px;
	margin:4px 0 0 0;
}
#wf02_sdgs{
	float:right;
	width:190px;
	margin:4px 0 0 4;
}
#wf03_top{
	clear:both;
	float:left;
	margin:70px 0 0 0;
	width:100%;
}
#wf03_top img{
	width:100%;
}
#wf03_left{
	float:left;
	width:18.3%;
}
#wf03_left img{
	width:100%;
}
#wf03_right{
	float:right;
	width:80%;
	font-size:16px;
	line-height:1.9;
}
#workflow04{
	clear:both;
	float:left;
	width:100%;
	margin:45px 0 50px 0;
}
#wf04_left{
	clear:both;
	float:left;
	width:18.3%;
}
#wf04_left img{
	width:100%;
}
#wf04_right{
	float:right;
	width:80%;
	font-size:16px;
	line-height:1.9;
}
#wf04_right_photo{
	width:100%;
}
#wf04_hagaki{
	float:right;
	width:33%;
}	
.bg_grey{
	position:relative;
	top:-80px;
	width:100%;
	background: #dcdcdc;
}
.bg_grey2{
	position:relative;
	top:-80px;
	width:100%;
	height:100%;
	background: #dcdcdc;
}
.ninsho_txt{
	width:100%;
	max-width:726px;
	padding:20px;
	margin:0 auto;
	text-align:left;
	font-size:16px;
	line-height:1.9;
}
.ninsho_box_txt{
	border:1px solid #251E1C;
	padding:20px;
	margin:10px 0;
	width:100%;
}
/*system*/
.system_navi a{
	float:left;
	width:50%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:18.5px;
	letter-spacing:0;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#a8def6;
}
.system_navi a:hover{
	background-color:#019fe6;
}
.system_navi a.active{
	background-color:#019fe6;
}
.system_wrapp{
	max-width:786px;
	width:100%;
	padding:0 20px;
	margin:0 auto;
}
#system_komidashi{
	width:100%;
}
#system_komidashi img{
	width:100%;
}
.system_txt01{
	text-align:left;
	font-size:16px;
	line-height:1.9;
	margin:3px 0 40px;
}
#system01_2{
	width:100%;
	max-width:857px;
	margin:0 auto;
}
#system01_2 img{
	width:100%;
}
#system02_1{
	width:100%;
	max-width:857px;
	margin:0 auto 50px;
}
#system02_1 img{
	width:100%;
}
.system_txt02{
	text-align:left;
	font-size:18px;
	line-height:1.9;
	margin:3px 0 40px;
}
.system_txt_blue{
	font-size:26px;
	color:#009EE5;
	margin:18px 0 2px 0;
}
.faq_wrapp{
	max-width:786px;
	width:100%;
	padding:0 20px;
	margin:0 auto 90px;
}
#faq_menu{
	position:relative;
	float:left;
	background-color:#019fe6;
	width:100%;
}

#faq_comment{
	color:#fff;
	font-size:18px;
	line-height:1.5;
	padding:3px 0 5px;
}
/*データ入稿*/
#ud_comment{
	color:#fff;
	font-size:18px;
	line-height:1.5;
	text-align:left;
	padding:3px 0 5px;
	margin:0 auto;
	width:90%;
	max-width:860px;
}
#ud_txt01{
	width:90%;
	max-width:850px;	
	text-align:left;
	margin:100px auto 50px ;
	font-size:18px;
}
.du_wrapp{
	max-width:864px;
	width:100%;
	padding:0;
	margin:0 auto 20px;
}
#du_midashi{
	width:100%;
}
/*データ作成*/
.dc_navi a{
	float:left;
	width:16.6%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:18.5px;
	letter-spacing:0;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#a8def6;
}
.dc_navi a:hover{
	background-color:#019fe6;
}
.dc_navi a.active{
	background-color:#019fe6;
}
#dc_midashi{
	width:100%;
	margin:40px 0 0 0;
}
.dc_wrapp{
	max-width:786px;
	width:100%;
	padding:0 20px;
	margin:0 auto 80px;
}
#dc_txt01{
	font-size:18px;
}
#dc_txt_box{
	font-size:16px;
	border:2px solid #ddd;
	padding:15px;
	margin:40px 0;
}
.dc_txt_blue{
	color:#009FE6;
}
#design_order_btn a{
	display:block;
	width:50%;
	margin:0 auto;
	padding:10px;
	background-color:#009FE6;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	text-align:center;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
#design_order_btn a:hover{
	background-color:#a8def6;
}
#dc_left_column{
	clear:both;
	float:left;
	width:48%;
	font-size:18px;
	margin-bottom:50px;
}
#dc_left_column img{
	width:100%;
}
#dc_right_column{
	float:right;
	width:48%;
	font-size:18px;
	margin-bottom:50px;
}
#dc_right_column img{
	width:100%;
}

#dc_left_column2{
	clear:both;
	float:left;
	width:48%;
	font-size:18px;
	margin:0;
}
#dc_left_column2 img{
	width:100%;
}
#dc_right_column2{
	float:right;
	width:48%;
	font-size:18px;
	margin:0;
}
#dc_right_column2 img{
	width:100%;
}
.dc_red{
	color:#C40018;
}
p.dc_red{
	color:#C40018;
	margin-top:10px;
}
p.dc_red2{
	position:relative;
	top:-5px;
	color:#C40018;
	margin:0;
}
.font_txt01{
	font-size:18px;
	margin:0 0 20px 0;
}
.font_ex{
	width:100%;
}
#if_txt01{
	font-size:18px;
	margin-bottom:3%;
}
#shotai{
	width:90%;
	margin:2% 7% 0 3%
}
#shotai01{
	float:left;
	width:60%;
}
#shotai02{
	float:left;
	width:40%;
}
/*コンタクト*/
.contact_wrapp{
	max-width:745px;
	width:90%;
	padding:0;
	margin:0 auto 20px;
}
#contact_midashi{
	width:100%;
}
.contactform_btn{
	margin-top:2.6%;
}
.contactform_btn2{
	margin:0;}
#mailform{
	position:relative;
	clear:both;
	width:100%;
	max-width:867px;
	border:2px solid #9e9ea0;
	padding:20px 22px;
	margin:50px auto 10px;
	overflow:hidden;
}
#contact_table{
	width:100%;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-collapse:collapse;
	border-spacing:0px;
}
#contact_table th{
	font-size:16px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	padding:10px 15px;
	width:25%;
	text-align:left;
	background-color:#EEEFEF;
}
#contact_table td{
	font-size:16px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	padding:10px;
}
#form_caution{
	margin-bottom:3px;
	font-size:16px;
}
.contact_txt_blue{
	color:#009FE6;
}
/*WP*/
#news_midashi{
	float:left;
	width:100%;
	text-align:center;
	font-size:36px;
	margin:5% 0;
	color:#009EE5;
}
.entry-title a{
	text-decoration:none;
	color:#009EE5;
}
.entry-content{
	font-size:16px;
}
.wpcf7-response-output{
	font-size:140%;
	padding:50px 0;
}
/*______________________________________PC用CSS_______________________________________________*/
@media screen and (min-width: 860px) {/*ウィンドウ幅が860px以上の場合に適用*/
.sp_content{
	display:none;
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}




/*______________________________________スマホ用CSS_______________________________________________*/
@media print, screen and (max-width: 860px) {/*ウィンドウ幅が最大860pxまでの場合に適用*/
.sp_content{
	display:inline;
}

#product_kigyo a{
	float:left;
	width:50%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	letter-spacing:10px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#019fe6;
}
#product_company a{
	float:left;
	width:50%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	letter-spacing:10px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#019fe6;
}
#product_wrapp{
	width:100%;
	margin:0 auto 80px;
}
#product_wrapp img{
	float:left;
	width:100%;
	margin:3px 0;
}


#product_navi01 a{
	float:left;
	width:33.3%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	letter-spacing:0;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#efc2da;
	border-right:1px solid #d64b8c;
	box-sizing: border-box;
}
#product_navi01 a:hover{
	background-color:#d64b8c;
}
#product_navi01 .active{
	background-color:#d64b8c;
}
#product_navi02 a{
	float:left;
	width:33.3%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	letter-spacing:3px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#b2daf0;
	border-right:1px solid #019fe6;
	box-sizing: border-box;
}
#product_navi02 a:hover{
	background-color:#019fe6;
}
#product_navi02 .active{
	background-color:#019fe6;
}
#product_navi03 a{
	float:left;
	width:33.3%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	letter-spacing:3px;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#b2daf0;
}
#product_navi03 a:hover{
	background-color:#019fe6;
}
#product_navi03 .active{
	background-color:#019fe6;
}

	#item_navi_box{
	width:96%;
	margin:0 2%;
	}
	#item_navi_box li{
	float:left;
	list-style:none;
	width:50%;
	height:40px;
	line-height:35px;
	letter-spacing:-0.1em;
	}
	#item_navi_box li:nth-child(1){
	border:1px solid #333;
	}
	#item_navi_box li:nth-child(2){
	border-top:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(3){
	border-top:none;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(4){
	border-top:none;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(5){
	border-top:none;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(6){
	border-top:none;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(7){
	border-top:none;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(8){
	border-top:none;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(9){
	border-top:none;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(10){
	border-top:none;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(11){
	border-top:none;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(12){
	border-top:none;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(13){
	border-top:none;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(14){
	border-top:none;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(15){
	border-top:none;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li:nth-child(16){
	border-top:none;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}
	#item_navi_box li a{
	display:block;
	text-decoration:none;
	height:100%;
	width:100%;
	font-size:1.2em;
	color:#333;
	background-image: url(../img/red_trianglei.png);
	background-position:right bottom;
	overflow:hidden;
	}
	#item_navi_box li a:hover{
	background-color:#efefef;

	}





#corp_menu{
	background-color:#fff;
	text-align:left;
}

.corp_navi a{
	font-size:16px;
	letter-spacing:0;
	line-height:2.0;
	width:50%;
}
.system_navi a{
	font-size:15px;
	letter-spacing:0;
	line-height:1.5;
}
.dc_navi a{
	float:left;
	width:33.33%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	letter-spacing:0;
	line-height:2.0;
	padding-bottom:2px;
	background-color:#a8def6;
}
#shotai{
	width:95%;
	margin:2% 3% 20px 2%
}
#shotai01{
	float:left;
	width:100%;
}
#shotai02{
	clear:both;
	float:left;
	width:76%;
	margin:10px 0 0 0;
}

#aisatu_left{
	float:right;
	width:77%;
	font-size:17.5px;
	line-height:1.75;
	margin:0 0 5px 0;
}
#aisatu_center{
	float:left;
	width:20%;
}
#aisatu_center img{
	width:100%;
}
#aisatu_right{
	float:right;
	width:77%;
	font-size:17.5px;
	line-height:1.75;
}
#enkaku_table{
	font-size:15px;
	padding:0;
	margin-top:23px;
}
#enkaku_table th{
	background-color:#009ee5;
	width:4px;
}
#enkaku_table td{
	padding:0 0 20px 12px;
	line-height:1.2;
}
#faq_comment{
	color:#fff;
	font-size:18px;
	line-height:1.5;
	padding:3px 5% 5px;
	text-align:left;
}
#dc_left_column{
	clear:both;
	float:left;
	width:100%;
	font-size:18px;
	margin-bottom:20px;
}
#dc_right_column{
	clear:both;
	float:left;
	width:100%;
	font-size:18px;
	margin-bottom:30px;
}
.corp_wrapp{
	width:100%;
	padding:0 20px;
	margin:0 auto 80px;
}
#gaiyo_left{
	font-size:16px;
	clear:both;
	float:left;
	min-width:300px;
	margin:25px 0 0 0;
	border-left:4px solid #009ee5;
	box-sizing: border-box;
}
#gaiyo_right{
	position:relative;
	min-width:300px;
	clear:both;
	width:100%;
	text-align:center;
}
.map{
	width:100%;
	margin:3% 0;
	height:290px;
}
#dc_left_column2{
	clear:both;
	float:left;
	width:96%;
	font-size:18px;
	margin:0 2%;
}
#dc_left_column2 img{
	width:100%;
}
#dc_right_column2{
	clear:both;
	float:left;
	width:96%;
	font-size:18px;
	margin:0 2%;
}
#dc_right_column2 img{
	width:100%;
}
}





/* ---------- ▽▽▽ 卒業証書web入稿のページ（20220912追加）▽▽▽ ---------- */
.contact_wrapp .diploma_priacy {background: #F2F2F2; padding: 30px;}
.contact_wrapp .diploma_priacy h2 {color: #009ee5; font-size: 20px; margin-bottom: 10px;}
.contact_wrapp .diploma_priacy ul {margin-left: 1.3em;}
.contact_wrapp .diploma_entry {margin-top: 50px; text-align: center;}
.contact_wrapp .diploma_entry a {display: inline-block; background: #C63E3E; color: #fff; text-decoration: none; font-size: 20px; width: 250px; height: 50px; line-height: 50px; border-radius: 10px;}
.contact_wrapp .diploma_entry a:hover {opacity: 0.8;}

/* ▽▽▽ フォーム ▽▽▽ */
.diploma_select {padding: 3px 35px 3px 10px; background: url(../img/arrow_diploma.png) no-repeat center right 5px/15px; background-color: #F2F2F2; border-radius: 5px; position: relative; color: #333;}
.diploma_select:invalid {color: #8D8D8D;}
.data_submit {margin-top: 30px;}
.data_submit input {background: #009ee5; color: #fff; padding: 10px 20px;}
.data_submit a {display: inline-block; background: #009ee5; color: #fff; padding: 10px 20px; text-decoration: none;}
.error_message {color: #DC0003; margin-top: 20px;}





/* css */