@charset "utf-8";
/* CSS Document */



/*-------------------------------------------------------------------
		main sub
-------------------------------------------------------------------*/
main#service{
	width: 100%;
	max-width: 1400px;
	margin: 40px auto 100px;
	padding: 0 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
main#service #main{
	width: 100%;
	max-width: 900px;
}
main#service #sub{
	width: 340px;
	padding: 40px 0 0 40px;
}

/*		sub
----------------------------------------------------*/
main#service #sub{}
#sub section{}
#sub section nav.sub_nav{
	margin: 0 0 40px;
}
#sub section nav.sub_nav ul{
	width: 100%;
	margin: 0;
	list-style: none;
}
#sub section nav.sub_nav ul li{}
#sub section nav.sub_nav ul li:first-child{}
#sub section nav.sub_nav ul li h1{
	margin: 0 0 20px;
	padding: 10px 0;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	border-bottom: double 3px #757575;
	border-top: double 3px #757575;
}
#sub section nav.sub_nav ul li a{
	padding: 10px 0;
	font-size: 1.2em;
	display: block;
}

/*-------------------------------------------------------------------
		service all
-------------------------------------------------------------------*/
main#service{}
main#service section{}
main#service section .content{}

/*		pagettl
----------------------------------------------------*/
main#service section.pagettl{
	margin: 20px 0 40px;
}
main#service section.pagettl h1{
	margin: 0 0 5px;
	padding: 0 0 5px;
	font-size: 3em;
	font-weight: 500;
	color: #000;
	letter-spacing: 0.1em;
	border-bottom: 2px solid #000;
}
main#service section.pagettl h1 small{
	font-size: 60%;
	letter-spacing: 0;
}
main#service section.pagettl h2{
	margin: 0 0 40px;
	font-size: 1.6em;
	font-weight: 500;
	color: #ff6464;
}
main#service section.pagettl p{
	font-size: 1.4em;
	text-align: center;
	color: #757575;
}



/*		service_information
----------------------------------------------------*/
section#service_information{}
section#service_information h2{
	padding: 0 0 5px;
	margin: 100px 0 20px;
	font-size: 2em;
	font-weight: 500;
	border-bottom: double 3px #aaa;
	color: #000;
}
section#service_information h3{
	margin: 40px 0 20px;
	font-size: 1.6em;
	font-weight: normal;
	color: #ff6464;
}
section#service_information p{
	font-size: 1.4em;
    line-height: 2;
}
section#service_information ul,
section#service_information ol{
	margin-bottom: 40px;
	margin-top: 20px;
}
section#service_information ul{}
section#service_information ol{}
section#service_information li{
	margin: 8px 0 0;
	font-size: 1.4em;
}
section#service_information li:first-child{
	margin-top: 0;
}

/* checklist */
section#service_information ul.checklist{
	margin-left: 0;
	padding: 0 20px;
	list-style: none;
}
section#service_information ul.checklist li{
	margin: 0;
	padding: 15px 0 15px 40px;
	position: relative;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	color: #000;
}
section#service_information ul.checklist li:before{
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	color: #ff6100;
	line-height: 16px;
	text-align: center;
	width: 40px;
	height: 16px;
	margin-top: -8px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
}
/* flowlist */
section#service_information ol.flowlist{
	width: 100%;
	margin: 40px 0;
	list-style: none;
}
section#service_information ol.flowlist li{
	margin: 0 0 40px;
	padding: 20px 20px 20px 100px;
	font-size: 1em;
	border: 1px solid #eee;
	counter-increment: flowlist;
	position: relative;
}
section#service_information ol.flowlist li:before{
	content: counter(flowlist);
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 2em;
	line-height: 30px;
	text-align: center;
	display: block;
	position: absolute;
	top: 50%;
	left: 35px;
}
section#service_information ol.flowlist li:after{
	content: "\f063";
	font-family: "Font Awesome 5 Free";
	font-size: 1.4em;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #999;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	display: block;
	position: absolute;
	bottom: -30px;
	left: 50%;
}
section#service_information ol.flowlist li:last-child{
	margin-bottom: 0;
}
section#service_information ol.flowlist li:last-child:after{
	display: none;
}
section#service_information ol.flowlist li p{}

/* downloadlist */
section#service_information ul.downloadlist{
	margin-left: 0;
	padding: 0 20px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
section#service_information ul.downloadlist li{
	width: calc(50% - 10px);
	margin-top: 10px;
	font-size: 1.4em;
}
section#service_information ul.downloadlist li a{
	width: 100%;
	padding: 14px 0 14px 70px;
	display: block;
	text-decoration: none;
	position: relative;
	color: #ff6100;
	border: 1px solid #ff6100;
	transition: all 0.2s;
}
section#service_information ul.downloadlist li a:after{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 10px;
	transform:rotate(45deg);
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
section#service_information ul.downloadlist li a:hover{
	opacity: 0.6;
}
section#service_information ul.downloadlist li a.pdf{}
section#service_information ul.downloadlist li a.pdf:before{
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #ff6100;
	font-size: 20px;
	width: 50px;
	height: 30px;
	margin-top: -15px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
}

/* entrylist */
section#service_information ul.entrylist{
	margin-left: 0;
	padding: 0 20px;
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
section#service_information ul.entrylist li{
	width: calc(50% - 10px);
	margin-top: 10px;
	font-size: 1.4em;
}
section#service_information ul.entrylist li a{
	width: 100%;
	padding: 16px 0 16px 70px;
	display: block;
	text-decoration: none;
	position: relative;
	color: #4285f4;
	border: 1px solid #4285f4;
	transition: all 0.2s;
}
section#service_information ul.entrylist li a:after{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 10px;
	transform:rotate(45deg);
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
section#service_information ul.entrylist li a:before{
	content: "\f044";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #4285f4;
	font-size: 20px;
	width: 50px;
	height: 30px;
	margin-top: -15px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
}
section#service_information ul.entrylist li a.pdf:before{
	content: "\f1c1";
}

section#service_information ul.entrylist li a:hover{
	opacity: 0.6;
}


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


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








/*-------------------------------------------------------------------
		img
-------------------------------------------------------------------*/
/*		img_single
----------------------------------------------------*/
.img_single{
	margin: 40px 0;
}
.img_single img{
	width: 100%;
	height: auto;
}

/*		img_set
----------------------------------------------------*/
ul.img_set{
	max-width: 720px;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
main#service ul.img_set li{
	width: 50%;
	margin: 0;
	padding: 10px;
	font-size: 1em;
}
ul.img_set li img{
	width: 100%;
	height: auto;
	max-width: 340px;
	display: block;
}
main#service ul.img_set li p{
	font-size: 1.2em;
}

/*		img_set_tate
----------------------------------------------------*/
ul.img_set_tate{
	width: 100%;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
main#service ul.img_set_tate li{
	width: 100%;
	margin: 0;
	padding: 10px;
	font-size: 1em;
}
ul.img_set_tate li img{
	width: 100%;
	height: auto;
	display: block;
}
main#service ul.img_set_tate li p{
	font-size: 1.2em;
}

/*		img_set_ss32
----------------------------------------------------*/
main#service ul.img_set_ss32{
	width: 100%;
	margin:40px 0;
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
}
main#service ul.img_set_ss32 li{
	margin: 0;
}
ul.img_set_ss32 li img{
	width: 100%;
	height: auto;
	display: block;
}
ul.img_set_ss32 li:nth-child(1) img{ max-width: 500px;}
ul.img_set_ss32 li:nth-child(2) img{ max-width: 200px;}


/*-------------------------------------------------------------------
		column
-------------------------------------------------------------------*/

/*		column_2_listing
----------------------------------------------------*/
.column_2_listing{
	width: 100%;
	margin: 40px 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.column_2_listing > .cell{
	width: calc(50% - 15px);
	padding: 30px 30px 0;
	border: 1px solid #eee;
	display: block;
}
main#service .column_2_listing h3{
	margin: 0;
	color: #000;
	border-bottom: 1px solid #000;
}
main#service .column_2_listing .img_single{
}





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



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









/*-------------------------------------------------------------------
		sko
-------------------------------------------------------------------*/

/*		table_sko
----------------------------------------------------*/
table.table_sko{
	width: 100%;
	margin: 40px 0;
}
table.table_sko tr{}
table.table_sko tr th,
table.table_sko tr td{
	font-size: 1.4em;
	border: 1px solid #ddd;
}
table.table_sko tr th{
	color: #000;
	font-weight: normal;
}
table.table_sko tr td{}
table.table_sko thead tr th{
	padding: 4px 0;
	background: #eee;
}
table.table_sko thead tr td{}
table.table_sko tbody tr th,
table.table_sko tbody tr td{
	padding: 20px 10px;
}
table.table_sko tbody tr th{
	width: 30%;
	background: #f5f5f5;
}
table.table_sko tbody tr td{}

/*		sko_bigfont
----------------------------------------------------*/
main#service p.sko_bigfont{
	margin: 40px 0;
	font-size: 3em;
	text-align: center;
}


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



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









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

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



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



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



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



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

/*-------------------------------------------------------------------
		main sub
-------------------------------------------------------------------*/
main#service{
	max-width: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}
main#service #main{
	max-width: none;
	margin-bottom: 100px;
	padding: 0 15px;
}
main#service #sub{
	width: 100%;
	padding-left: 0;
}

/*		sub
----------------------------------------------------*/
main#service #sub{
	background: #757575;
	padding: 40px 15px 0;
	}
#sub section{}
#sub section nav.sub_nav{}
#sub section nav.sub_nav ul{}
#sub section nav.sub_nav ul li{
	margin: 0 20px;
	border-bottom: 1px solid #bbb;
	}
#sub section nav.sub_nav ul li:first-child{
	margin: 0;
	border-bottom: none;
	}
#sub section nav.sub_nav ul li h1{
	margin-bottom: 10px;
	border-color: #fff;
	color: #fff;
	}
#sub section nav.sub_nav ul li a{
	padding-left: 10px;
	color: #fff;
	text-decoration: none;
	}


/*-------------------------------------------------------------------
		service all
-------------------------------------------------------------------*/
main#service{}
main#service section{}
main#service section .content{}

/*		pagettl
----------------------------------------------------*/
main#service section.pagettl{
	margin: 20px 0 40px;
}
main#service section.pagettl h1{
	font-size: 2.4em;
}
main#service section.pagettl h1 small{}
main#service section.pagettl h2{
	font-size: 1.4em;
}
main#service section.pagettl p{
	font-size: 1.2em;
}


/*		service_information
----------------------------------------------------*/
section#service_information{}
section#service_information h2{
	margin: 60px 0 10px;
	font-size: 1.6em;
}
section#service_information h3{
	margin: 20px 0 10px;
}
section#service_information p{
}
section#service_information ul,
section#service_information ol{
	margin-bottom: 20px;
	margin-top: 20px;
}
section#service_information ul{}
section#service_information ol{}
section#service_information li{
	margin: 4px 0 0;
	font-size: 1.2em;
}
section#service_information li:first-child{}

/* checklist */
section#service_information ul.checklist{
    padding: 0;
    }
section#service_information ul.checklist li{
	padding: 10px 0 10px 40px;
}
section#service_information ul.checklist li:before{}

/* flowlist */
section#service_information ol.flowlist{
	padding: 0 10px;
	}
section#service_information ol.flowlist li{
	padding: 20px 20px;
}
section#service_information ol.flowlist li:before{
	margin-top: 0;
	margin-left: 0;
	top: 0;
	left: 0;
	background: #aaa;
	font-size: 1.2em;
	line-height: 20px;
	color: #fff;
	width: 20px;
	height: 20px;
}
section#service_information ol.flowlist li p{}
section#service_information ol.flowlist li p.ttl{
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.4em;
	}


/* downloadlist */
section#service_information ul.downloadlist{
	flex-wrap: wrap;
}
section#service_information ul.downloadlist li{
	width: 100%;
}
section#service_information ul.downloadlist li a{
	padding: 16px 0 16px 70px;
	background: rgb(96, 125, 139);
	color: #fff;
	border-radius: 4px;
	border: none;
}
section#service_information ul.downloadlist li a:after{
	font-size: 12px;
	width: 12px;
	height: 12px;
}
section#service_information ul.downloadlist li a.pdf{}
section#service_information ul.downloadlist li a.pdf:before{
	border-right: 1px solid rgba(255,255,255,0.5);
}

/* entrylist */
section#service_information ul.entrylist{
	flex-wrap: wrap;
}
section#service_information ul.entrylist li{
	width: 100%;
}
section#service_information ul.entrylist li a{
	padding: 16px 0 16px 70px;
	background: #4285f4;
	color: #fff;
	border-radius: 4px;
}
section#service_information ul.entrylist li a:after{
	font-size: 12px;
	width: 12px;
	height: 12px;
}
section#service_information ul.entrylist li a:before{
	border-right: 1px solid rgba(255,255,255,0.5);
}


/*-------------------------------------------------------------------
		4K
-------------------------------------------------------------------*/
/*		img_single
----------------------------------------------------*/
.img_single{
	width: 100%;
	margin: 20px 0;
	text-align: center;
}
.img_single img{
	margin: 0 auto;
}

/*		img_set
----------------------------------------------------*/
ul.img_set{
	flex-wrap: wrap;
}
main#service ul.img_set li{
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	padding: 10px 0;
}
ul.img_set li img{
}
main#service ul.img_set li p{}


/*		img_set_ss32
----------------------------------------------------*/
main#service ul.img_set_ss32{
	margin:20px 0;
	flex-wrap: wrap;
}
main#service ul.img_set_ss32 li{
	width: 100%;
	margin: 20px 0 0;
	text-align: center;
}
main#service ul.img_set_ss32 li:first-child{
	margin-top: 0;
}
ul.img_set_ss32 li img{
	margin: 0 auto;
}
ul.img_set_ss32 li:nth-child(1) img{}
ul.img_set_ss32 li:nth-child(2) img{ width: 30%; max-width: 100px;}


/*-------------------------------------------------------------------
		column
-------------------------------------------------------------------*/

/*		column_2_listing
----------------------------------------------------*/
.column_2_listing{
	flex-wrap: wrap;
	margin: 20px 0;
}
.column_2_listing > .cell{
	width: 100%;
	margin-top: 10px;
	padding: 30px 20px 0;
	border: 1px solid #eee;
}
.column_2_listing > .cell:first-child{
	margin-top: 0;
}
main#service .column_2_listing h3{
	text-align: center;
	padding: 0 0 4px;
}
main#service .column_2_listing .img_single{
}

/*-------------------------------------------------------------------
		sko
-------------------------------------------------------------------*/

/*		table_sko
----------------------------------------------------*/
table.table_sko{
	margin: 20px 0;
}
table.table_sko tr{}
table.table_sko tr th,
table.table_sko tr td{
	font-size: 1.2em;
}
table.table_sko tr th{}
table.table_sko tr td{}
table.table_sko thead tr th{}
table.table_sko thead tr td{}
table.table_sko tbody tr th,
table.table_sko tbody tr td{
	padding: 10px 10px;
}
table.table_sko tbody tr th{}
table.table_sko tbody tr td{}

/*		sko_bigfont
----------------------------------------------------*/
main#service p.sko_bigfont{
	font-size: 1.6em;
}



}