/*--------------------------------------------------------*/

/*  ページタイトルとメイン画像　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.mainBox{
	width:840px;
	height:220px;
	position: relative;
}

#main_denshi{
	background:url("../img/main_img/denshi_jutaku_pc.jpg") center top no-repeat;
}

.mainBox .pagetitBox{
	width:300px;
	height:86px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: rgba(3, 51, 101, 0.88);
	box-sizing: border-box;
	padding:15px 0 0 0;
	text-align:center;
}

.mainBox .pagetitBox h1.page_title{
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:25px;
	color:#FFF;
	font-weight:600;
	line-height:1.2em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.mainBox .pagetitBox p.pagetit_eng{
	margin-top:10px;
	font-family: 'Roboto',sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:400;
	line-height:1.2em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

}

@media screen and (max-width: 768px){

.mainBox{
	width:100%;
	height:220px;
	position: relative;
}

#main_denshi{
	background:url("../img/main_img/denshi_jutaku_sp.jpg") center top no-repeat;
}

.mainBox .pagetitBox{
	width:240px;
	height:80px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: rgba(3, 51, 101, 0.88);
	box-sizing: border-box;
	padding:15px 0 0 0;
	text-align:center;
}

.mainBox .pagetitBox h1.page_title{
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	color:#FFF;
	font-weight:600;
	line-height:1.2em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.mainBox .pagetitBox p.pagetit_eng{
	margin-top:7px;
	font-family: 'Roboto',sans-serif;
	font-size:10px;
	color:#FFF;
	font-weight:400;
	line-height:1.2em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

}

/*--------------------------------------------------------*/

/*  受託製造 / 受託加工 - メッセージ　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.messageBox{
	margin-bottom:30px;
}

.messageBox p.message{
	max-width:700px;
	margin:0 auto;
	font-size:15px;
	color:#333;
	font-weight:500;
	line-height:1.9em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align: justify;
}

.messageBox .message_imgBox{
	margin-top:40px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.messageBox .message_imgBox .message_img{
	width:25%;
}

.messageBox .jutaku_flow{
	width:800px;
	margin:35px auto 0;
}

}

@media screen and (max-width: 768px){

.messageBox{
	margin-bottom:30px;
	padding:0 20px;
}

.messageBox p.message{
	font-size:14px;
	color:#333;
	font-weight:500;
	line-height:1.7em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align: justify;
}

.messageBox .message_imgBox{
	margin-top:30px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.messageBox .message_imgBox .message_img{
	width:25%;
}

.messageBox .jutaku_flow{
	margin:30px 0 0;
}

.messageBox .jutaku_flow img{
	width:50%;
}

}

/*--------------------------------------------------------*/

/*  受託製造 / 受託加工 - サービスの詳細　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.service{
	margin-top:60px;
}

.service h2.service_title{
	background-color:#033365;
	padding:22px 0 24px;
	text-align:center;
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	color:#FFF;
	font-weight:500;
	line-height:1.0em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.service .service_list{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.service .service_list .serviceBox{
	margin-top:25px;
	width:48.5%;
	padding:10px 10px 25px;
	box-sizing: border-box;
	border:1px solid #DDD;
}

.service .service_list .service_ph{
	margin-bottom:30px;
}

.service .service_list .service_txt_space{
	padding:0 20px;
}

.service .service_singleBox{
	margin-top:25px;
	border:1px solid #DDD;
	box-sizing: border-box;
	padding:25px 10px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.service .service_singleBox .service_single_photo{
	width:385px;
	margin-right:40px;
}

.service .service_singleBox .service_single_info{
	flex:1;
	padding:5px 20px 0 0;
}

.service h3.service_name{
	text-align:center;
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#2D6EB9;
	font-weight:500;
	line-height:1.0em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:28px;
}

.service p.service_txt{
	font-size:14px;
	color:#333;
	font-weight:500;
	line-height:1.7em;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align: justify;
}

.service .pse_mark{
	padding:25px 0 10px;
}

.service .service_messageBox{
}

.service .service_messageBox .service_message{
	margin-top:60px;
}

.service .service_messageBox .service_message p.sevice_message_txt{
	text-align:center;
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#2D6EB9;
	font-weight:700;
	line-height:1.8em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

}

@media screen and (max-width: 768px){

.service{
	margin-top:40px;
}

.service h2.service_title{
	background-color:#033365;
	padding:22px 0;
	text-align:center;
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#FFF;
	font-weight:500;
	line-height:1.0em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.service .service_list{
	padding:0 15px;
}

.service .service_list .serviceBox{
	margin-top:15px;
	border:1px solid #DDD;
	padding:15px 15px 20px;
	box-sizing: border-box;
}

.service .service_list .service_ph{
	padding-bottom:28px;
}

.service .service_list .service_txt_space{
	padding:0 5px;
}

.service .service_singleBox{
	margin:15px 15px 0;
	border:1px solid #DDD;
	padding:15px 15px 20px;
	box-sizing: border-box;
}

.service .service_singleBox .service_single_photo{
	padding-bottom:28px;
}

.service .service_singleBox .service_single_info{
}

.service h3.service_name{
	margin-bottom:25px;
	text-align:center;
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#2D6EB9;
	font-weight:500;
	line-height:1.0em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.service .service_list .serviceBox h3{
}

.service p.service_txt{
	font-size:13px;
	color:#333;
	font-weight:500;
	line-height:1.6em;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align: justify;
}

.service .pse_mark{
	margin-top:25px;
	text-align:center;
	padding-bottom:10px;
}

.service .service_messageBox{
	padding:0 15px;
}

.service .service_messageBox .service_message{
	margin-top:40px;
	padding:0 15px;
}

.service .service_messageBox .service_message p.sevice_message_txt{
	font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#2D6EB9;
	font-weight:700;
	line-height:1.7em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.service .service_messageBox .service_message p.sevice_message_txt br{
	display:none;
}

}