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

/* tag  ------------------------------------------- */

html {
	background-color: #ddd;
	margin: 0px;
	padding: 0px;
}

p,
ul,
li,
h2,
h3,
h4,
h5,
h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11pt;
	line-height: 1.8;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #333;
}

img {
	vertical-align: top;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #F90;
}

.clear_text a:link {
	text-decoration: none;
	color: #00F;
}

.clear_text a:visited {
	text-decoration: none;
	color: #00F;
}

.clear_text a:hover {
	text-decoration: underline;
	color: #00F;
}

.clear_text a:active {
	text-decoration: none;
	color: #00F;
}

body {
	background-color: #FFF;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1 {
	font-size: 10pt;
	color: #333;
	float: left;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0px;
	margin: 0px;
}

table {
	border-collapse: collapse;
	text-align: right;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #333;
	font-size: 11pt;
	padding: 0px;
	width: 600px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

th {
	background-color: #CCC;
	border: 1px solid #666;
	margin: 0px;
	text-align: center;
	padding: 3px;
}

td {
	border: 1px solid #666;
	margin: 0px;
	padding: 3px;
	white-space: nowrap;
}

/* animation  ------------------------------------------- */



/* ex

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

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


@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}


@keyframes fadeIn_bt {
	0% {
		opacity: 0
	}

	100% {
		opacity: 0.4
	}
}

@-webkit-keyframes fadeIn_bt {
	0% {
		opacity: 0
	}

	100% {
		opacity: 0.4
	}
}


/* class  ------------------------------------------- */

.cf::after {
	content: "";
	display: table;
	clear: both;
}

.float_r {
	float: right;
}

.m_top {
	margin-top: 9px;
}

/* header  ------------------------------------------- */


#page_top {
	padding: 0px;
	margin: 0px;
	height: 30px;
}

#head_container {
	margin-top: 0px;
	margin-right: 30px;
	margin-left: 30px;
	padding-top: 9px;
}

#logo_container {
	position: relative;
}

.logo {
	float: left;
}

.logo img{
	height: 76px;
	width: auto;
}

.logo a {
	display: block;
	height: 100%;
	width: 100%;
}

.logo a:hover {
transform:scale(1.1);
}

.tel {
	height: 45px;
	float: right;
	margin-right: 10px;
	margin-top: 31px;
	text-align: right;
}

.contact {
	height: 45px;
	width: 270px;
	float: right;
	margin-top: 31px;
	background-color: #F90;
	text-align: center;
	vertical-align: middle;
}

.white {
	color: #FFF;
}

.contact a {
	display: block;
	height: 100%;
	width: 100%;
	color: #FFF;
}

.contact:hover {
	opacity: 0.5;
}

.contact p {
	line-height: 45px;
	vertical-align: middle;
	font-size: 11pt;
}

/* gnavi  ------------------------------------------- */


#navi_bg {
	height: 210px;
	width: 980px;
	background-image: url(images/catchcopy.png);
}


/* gnavi02  ------------------------------------------- */

#navi_bg02 {
	height: 120px;
	width: 980px;
	background-image: url(images/gnavi_bg02.png);
}

#gnavi {
	margin-right: auto;
	margin-left: auto;
	padding-top: 104px;
	list-style-type: none;
	overflow: hidden;
	width: 630px;
}

#gnavi02 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
	list-style-type: none;
	overflow: hidden;
	width: 630px;
	margin-top: 15px;
}

#gnavi li,
#gnavi02 li {
	float: left;
}

#gnavi li a,
#gnavi02 li a {
	display: block;
	height: 90px;
	width: 90px;

}

.gnavi_bt01 {
	background-image: url(images/bt01_off.png);
	margin: 0px;
	padding: 0px;
	height: 106px;
	width: 90px;
	font-size: 0px;
	text-indent: -9999px;
}

.gnavi_bt02 {
	background-image: url(images/bt02_off.png);
	margin: 0px;
	padding: 0px;
	height: 106px;
	width: 90px;
	font-size: 0px;
	text-indent: -9999px;
}

.gnavi_bt03 {
	background-image: url(images/bt03_off.png);
	margin: 0px;
	padding: 0px;
	height: 106px;
	width: 90px;
	font-size: 0px;
	text-indent: -9999px;
}

.gnavi_bt04 {
	background-image: url(images/bt04_off.png);
	margin: 0px;
	padding: 0px;
	height: 106px;
	width: 90px;
	font-size: 0px;
	text-indent: -9999px;
}

.gnavi_bt05 {
	background-image: url(images/bt05_off.png);
	margin: 0px;
	padding: 0px;
	height: 106px;
	width: 90px;
	font-size: 0px;
	text-indent: -9999px;
}

.gnavi_bt06 {
	background-image: url(images/bt06_off.png);
	margin: 0px;
	padding: 0px;
	height: 106px;
	width: 90px;
	font-size: 0px;
	text-indent: -9999px;
}

.gnavi_bt07 {
	background-image: url(images/bt07_off.png);
	margin: 0px;
	padding: 0px;
	height: 106px;
	width: 90px;
	font-size: 0px;
	text-indent: -9999px;
}

/*
.gnavi_bt01:hover {
	background-image: url(images/bt01_on.png);
}


transition-property: color, background-color;
      transition-duration: 1s;
      transition-timing-function: ease-out;


*/

.gnavi_bt01 a:hover {
	background-color: #c00;
	opacity: 0.4;
	animation: fadeIn_bt 0.5s ease-out 0s 1 normal;
	-webkit-animation: fadeIn_bt 0.5s ease-out 0s 1 normal;
}


.gnavi_bt02 a:hover {
	background-color: #f60;
	opacity: 0.4;
	animation: fadeIn_bt 0.5s ease-out 0s 1 normal;
	-webkit-animation: fadeIn_bt 0.5s ease-out 0s 1 normal;

}

.gnavi_bt03 a:hover {
	background-color: #fc0;
	opacity: 0.4;
	animation: fadeIn_bt 0.5s ease-out 0s 1 normal;
	-webkit-animation: fadeIn_bt 0.5s ease-out 0s 1 normal;

}

.gnavi_bt04 a:hover {
	background-color: #090;
	opacity: 0.4;
	animation: fadeIn_bt 0.5s ease-out 0s 1 normal;
	-webkit-animation: fadeIn_bt 0.5s ease-out 0s 1 normal;

}

.gnavi_bt05 a:hover {
	background-color: #099;
	opacity: 0.4;
	animation: fadeIn_bt 0.5s ease-out 0s 1 normal;
	-webkit-animation: fadeIn_bt 0.5s ease-out 0s 1 normal;

}

.gnavi_bt06 a:hover {
	background-color: #009;
	opacity: 0.4;
	animation: fadeIn_bt 0.5s ease-out 0s 1 normal;
	-webkit-animation: fadeIn_bt 0.5s ease-out 0s 1 normal;

}

.gnavi_bt07 a:hover {
	background-color: #90c;
	opacity: 0.4;
	animation: fadeIn_bt 0.5s ease-out 0s 1 normal;
	-webkit-animation: fadeIn_bt 0.5s ease-out 0s 1 normal;

}


/* contents  ------------------------------------------- */


#contents {
	float: right;
	width: 635px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;

	animation: fadeIn 1.5s ease 0s 1 normal;
	-webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}

#main_container {
	width: 920px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 30px;
}

.banner {
	height: 90px;
	width: 635px;
	border: 2px solid #C00;
	text-align: center;
	background-color: #FDDEDE;
}

.banner p {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20pt;
	line-height: 90px;
	color: #C00;
	vertical-align: middle;
}

#top_h2_01 {
	background-image: url(images/top_h2_01.webp);
}

#top_h2_02 {
	background-image: url(images/top_h2_02.webp);
}

#top_h2_03 {
	background-image: url(images/top_h2_03.webp);
}

#top_h2_04 {
	background-image: url(images/top_h2_04.webp);
}

#top_pacage_area {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#top h2 {
	margin-top: 15px;
	margin-bottom: 15px;
	height: 60px;
	width: 635px;
	font-size: 0px;
	text-indent: -9999px;
}

.top_float_l_04 {
	float: left;
	width: 240px;
	border: 2px solid #060;
	padding: 15px;
	text-align: center;
	background-color: #C5E2A4;
}

.top_float_r_04 {
	float: right;
	width: 240px;
	padding: 15px;
	border: 2px solid #303;
	text-align: center;
	background-color: #D5C2E2;
}

#top_pacage_area h3 {
	font-size: 14pt;
}

.height120 {
	height: 120px;
	margin-bottom: 15px;
}

.top_float_l_01 {
	float: left;
	width: 325px;
	margin-right: 10px;
}

.top_float_r_01 {
	float: right;
	width: 270px;
}

.top_float_l_02 {
	float: left;
	width: 270px;
	margin-right: 10px;
}

.top_float_r_02 {
	float: right;
	width: 355px;
}

.top_float_l_03 {
	float: left;
	width: 325px;
}

.top_float_r_03 {
	float: right;
	width: 270px;
}

/* lnavi  ------------------------------------------- */

#lnavi {
	float: left;
	width: 270px;
	margin-bottom: 30px;
}

#item_list {
	background-color: #666;
	height: 30px;
	width: 270px;
}

#lnavi p {
	color: #FFF;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
}

#lnavi ul {
	margin-top: 9px;
}

#lnavi ul li {
	margin-left: 16px;
	padding-left: 16px;
	line-height: 18pt;
	margin-bottom: 5px;
}

.link_bt {
	display: block;
	height: 100%;
	width: 100%;
}

#package_bt {
	background-color: #C36;
	height: 30px;
	margin-top: 9px;
}

#package_bt:hover,
#print_bt:hover,
#stamp_bt:hover,
#bind_bt:hover,
#scan_bt:hover,
#signboard_bt:hover,
#lent_bt:hover,
#copy_bt:hover {
	opacity: 0.5;
}

#print_bt {
	background-color: #c00;
	height: 30px;
	margin-top: 9px;
}

#stamp_bt {
	background-color: #f60;
	height: 30px;
	margin-top: 9px;
}

#bind_bt {
	background-color: #fc0;
	height: 30px;
	margin-top: 9px;
}

#scan_bt {
	background-color: #090;
	height: 30px;
	margin-top: 9px;
}

#copy_bt {
	background-color: #099;
	height: 30px;
	margin-top: 9px;
}

#signboard_bt {
	background-color: #009;
	height: 30px;
	margin-top: 9px;
}

#lent_bt {
	background-color: #90c;
	height: 30px;
	margin-top: 9px;
}


.ore {
	list-style-type: none;
	background-image: url(images/tri_ore.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: 15px;
}

.pink {
	list-style-type: none;
	background-image: url(images/tri_pink.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: 15px;
}

.red {
	list-style-type: none;
	background-image: url(images/tri_red.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: 15px;
}

.yel {
	list-style-type: none;
	background-image: url(images/tri_yel.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: 15px;
}

.gree {
	list-style-type: none;
	background-image: url(images/tri_gree.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: 15px;
}

.eme {
	list-style-type: none;
	background-image: url(images/tri_eme.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: 15px;
}

.blue {
	list-style-type: none;
	background-image: url(images/tri_blue.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: 15px;
}

.pur {
	list-style-type: none;
	background-image: url(images/tri_pur.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-indent: 15px;
}

.gray {
	list-style-type: none;
	background-image: url(images/tri_gray.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	text-indent: 15px;
}


/* footer  ------------------------------------------- */

footer {
	background-color: #eee;
}

#footer_area {
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 30px;
}

#company_info {
	float: right;
	width: 450px;
	margin-top: 15px;
}

.company {
	background-color: #666;
	color: #FFF;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	margin: 0px;
}

.tel_footer {
	height: 45px;
	width: 230px;
	font-size: 0px;
	text-indent: -9999px;
	background-image: url(images/tel_footer.png);
	float: right;
	margin-right: 30px;
	margin-top: 15px;
}

#map {
	height: 300px;
	width: 450px;
	float: left;
	margin-top: 20px;
	border: 1px solid #666;
}

/* fnavi  ------------------------------------------- */

#fnavi {
	margin-top: 30px;
}

#fnavi p {
	font-weight: bold;
	margin-top: 9px;
	font-size: 10pt;
	margin-bottom: 3px;
}

#fnavi li {
	font-size: 8pt;
}

.fnavi_l {
	width: 24%;
	float: left;
	margin-right: 1.33%;
}

.fnavi_l:last-child {
	margin: 0;
}

#support_link {
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	width: 800px;
	text-align: center;
}

#support_link:hover {
	opacity: 0.5;
}

#support_link a {
	height: 100%;
	width: 100%;
	display: block;
}

#site_policy {
	background-color: #999;
	height: 30px;
	width: 980px;
	text-align: center;
	margin-top: 15px;
}

#site_policy ul {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	width: 980px;
}

#site_policy ul li {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin-right: 9px;
	display: inline;
	font-weight: normal;
}

#site_policy ul li:last-child {
	margin: 0;
}

#site_policy ul li a {
	color: #FFF;
}

#site_policy ul li a:hover {
	color: #F90;
}

#copyright {
	background-color: #666;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}

#copyright p {
	line-height: 30px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	font-weight: normal;
	font-size: 8pt;
}


#company_info p {
	margin-top: 6px;
}


/* breadcrumb ------------------------------------------- */


.breadcrumb {
	height: 30px;
}

.breadcrumb li {
	display: inline;
	line-height: 30px;
	vertical-align: middle;
	height: 30px;
	margin: 0px;
}

.breadcrumb li:after {
	content: '>';
	padding: 0;
	margin-right: 3px;
	margin-left: 9px;
}

.breadcrumb li:last-child:after {
	content: '';
}


/* sign ------------------------------------------- */


#sign_h2 {
	height: 60px;
	border: 2px solid #009;
}

#sign_h2 h2 {
	line-height: 60px;
	color: #009;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#sign_img {
	background-image: url(images/sign.webp);
	background-size: contain;
	height: 360px;
	width: 635px;
	margin-top: 15px;
}

.signlist_l {
	width: 30%;
	float: left;
	margin-right: 4%;
}

.signlist_l:last-child {
	margin: 0;
}

#signlist {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 15px;
}

#sign h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #009;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}

.sign_blue {
	color: #009;
	margin-right: 3px;
}

#sign_flow {
	background-image: url(images/sign_flow.webp);
	height: 434px;
	width: 635px;
	margin-bottom: 30px;
}

#sign_maintenance {
	background-image: url(images/sign_maintenance.jpg);
	height: 323px;
	width: 635px;
	margin-top: 15px;
}

/* contact ------------------------------------------- */

#contact_h2 {
	height: 60px;
	border: 2px solid #f60;
}

#contact h2 {
	line-height: 60px;
	color: #f60;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#contact h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #f60;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}

.orange {
	color: #f60;
	margin-right: 3px;
}

.tel_num {
	font-size: 18pt;
	font-weight: bold;
}

#contact_bt li {
	line-height: 45px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	margin-right: 30px;
	height: 45px;
	width: 210px;
	background-color: #F90;
}

#contact_bt ul {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#contact_bt li:hover {
	opacity: 0.5;
}

#contact_bt li a {
	color: #FFF;

	height: 100%;
	width: 100%;
}

#form {
	text-align: center;
	background-color: #ECECEC;
	padding: 30px;
	margin: 30px;
}

.required {
	color: #F00;
}

form ul {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 450px;
}

form ul li {
	margin-top: 9px;
}

#realname,
#phone {
	width: 180px;
}

#groupname,
#mail,
#mail2 {
	width: 300px;
}

#mainarea {
	width: 450px;
	height: 180px;
}


/* privacy ------------------------------------------- */

#privacy_h2 {
	height: 60px;
	border: 2px solid #666;
}

#privacy h2 {
	line-height: 60px;
	color: #666;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#privacy h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #666;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}




/* lent ------------------------------------------- */

#lent_h2 {
	height: 60px;
	border: 2px solid #90c;
}

#lent h2 {
	line-height: 60px;
	color: #90c;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#lent h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #90c;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}

.purple {
	color: #90c;
	margin-right: 3px;
}

.lent_l {
	background-image: url(images/lent_ex.jpg);
	height: 364px;
	width: 365px;
	float: left;
	margin-top: 15px;
}

.lent_r {
	background-image: url(images/lent_3win.jpg);
	height: 205px;
	width: 270px;
	float: right;
	margin-top: 15px;
}


#lent_img {
	background-image: url(images/lent_flow.webp);
	height: 195px;
	width: 635px;
	margin-top: 15px;
}



/* print ------------------------------------------- */


#print_h2 {
	height: 60px;
	border: 2px solid #c00;
}

#print h2 {
	line-height: 60px;
	color: #c00;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#print h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #c00;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}

.print_red {
	color: #c00;
	margin-right: 3px;
}

.text_red {
	color: #c00;
}

.center {
	text-align: center;
}

table caption {
	text-indent: -9999px;
	font-size: 0px;
	visibility: visible;
}

.m_bottom {
	margin-bottom: 30px;
}

.repeat_area {
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
}


/* stamp ------------------------------------------- */

#stamp_h2 {
	height: 60px;
	border: 2px solid #f60;
}

#stamp h2 {
	line-height: 60px;
	color: #f60;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#stamp h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #f60;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}


/* bind ------------------------------------------- */

#bind_h2 {
	height: 60px;
	border: 2px solid #fc0;
}

#bind h2 {
	line-height: 60px;
	color: #fc0;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#bind h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #fc0;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}

.yellow {
	color: #fc0;
	margin-right: 3px;
}



/* scan ------------------------------------------- */

#scan_h2 {
	height: 60px;
	border: 2px solid #090;
}

#scan h2 {
	line-height: 60px;
	color: #090;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#scan h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #090;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}

.green {
	color: #090;
	margin-right: 3px;
}

td.w_26 {
	width: 26%;
}

td.w_35 {
	width: 35%;
}

/* copy ------------------------------------------- */

#copy_h2 {
	height: 60px;
	border: 2px solid #099;
}

#copy h2 {
	line-height: 60px;
	color: #099;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#copy h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #099;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}

.aquq {
	color: #099;
	margin-right: 3px;
}

/* package ------------------------------------------- */

#package_h2 {
	height: 60px;
	border: 2px solid #f69;
}

#package h2 {
	line-height: 60px;
	color: #f69;
	vertical-align: middle;
	height: 60px;
	margin-left: 15px;
	font-size: 36px;
	letter-spacing: 3pt;
	font-weight: normal;
}

#package h3 {
	font-size: 14pt;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #f69;
	margin-bottom: 9px;
	font-weight: normal;
	margin-top: 15px;
}

.pack_pink {
	color: #f69;
	margin-right: 3px;
}

.thanks_text {
	font-size: 24px;
	font-weight: normal;
	color: #F60;
	margin-top: 15px;
	margin-bottom: 15px;
}

.gleen_bt {
	background-color: #45A92A;
	height: 30px;
	width: 150px;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
}

.purple_bt {
	background-color: #639;
	height: 30px;
	width: 150px;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
}

.gleen_bt a,
.purple_bt a {
	color: #FFF;
	height: 100%;
	width: 100%;
	display: block;
}

.gleen_bt a:hover,
.purple_bt :hover {
	color: #F90;
}

.phone_number {
	font-size: 18pt;
	font-weight: bold;
	letter-spacing: 1pt;
	line-height: 0pt;
}

i {
	margin-right: 3px;
}

.text_8pt {
	font-size: 10pt;
}

.text_18pt {
	font-size: 14pt;
}

.text_bold {
	font-weight: bold;
}


/* 2022.10追加style  ------------------------------------------- */

.info-box {
	position: relative;
	margin: 40px auto 20px;
	width: 80%;
	padding: 10px 20px;
	background: #ffffea;
	border: 2px solid #c85179;
	border-radius: 10px;
}

.info-box::before {
	position: absolute;
	left: 0;
	right: 0;
	top: -24px;
	width: 200px;
	margin: auto;
	padding: 0 10px;
	background: #c85179;
	border-radius: 10px 10px 0 0;
	color: #fff;
	letter-spacing: 0.25em;
	text-align: center;
	content: 'Information';
}

.info-box h2 {
	color: #c85179;
	text-align: center;
	margin: 10px auto 4px;
	width: 95%;
	border-bottom: 2px solid #c85179;
	font-size: 20px;
}

.info-box p {
	font-size: 16px;
	margin: 0 80px;
}

.info-box a:hover img {
	opacity: 0.8;
}

.info-day {
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}

.info-item {
	margin: 10px 10px 20px;
	text-align: center;
	font-weight: bold;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}

.catch {
	color: #e60033;
}

.catch span {
	font-size: 1.5em;
	margin: 0 5px;
}

/* 2023.7追加style  ------------------------------------------- */

.ic_arrow {
	position: relative;
}

.ic_arrow::before {
	content: '';
	position: absolute;
	top: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	left: -16px;
	transform: translateY(-50%);
	width: .9em;
	height: .9em;
	background-image: url(images/ic_arrow.svg);
}


.ic_contact {
	width: 20px;
	height: 15px;
	margin-right: 5px;
	margin-top: 15px;
	filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(143deg) brightness(105%) contrast(101%);
}


.phone_number {
	position: relative;
}

.phone_number::before {
	content: '';
	position: absolute;
	top: 40%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	left: -22px;
	transform: translateY(-50%);
	width: .9em;
	height: .9em;
	background-image: url(images/ic-tel.svg);
}

#lnavi li {
	position: relative;
}

#lnavi li::before {
	content: '';
	position: absolute;
	top: 40%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0px;
	transform: translateY(-50%);
	width: .8em;
	height: .8em;
	background-image: url(images/ic_arrow.svg);
}

.lnavi_pack li::before {
	filter: invert(77%) sepia(59%) saturate(5594%) hue-rotate(304deg) brightness(102%) contrast(101%);
}


.lnavi_print li::before {
	filter: invert(11%) sepia(70%) saturate(7133%) hue-rotate(16deg) brightness(94%) contrast(127%);
}

.lnavi_stamp li::before {
	filter: invert(45%) sepia(98%) saturate(3249%) hue-rotate(6deg) brightness(105%) contrast(109%);
}

.lnavi_stamp li::before {
	filter: invert(45%) sepia(98%) saturate(3249%) hue-rotate(6deg) brightness(105%) contrast(109%);
}

.lnavi_bind li::before {
	filter: invert(68%) sepia(86%) saturate(592%) hue-rotate(359deg) brightness(103%) contrast(108%);
}

.lnavi_scan li::before {
	filter: invert(38%) sepia(59%) saturate(4359%) hue-rotate(158deg) brightness(97%) contrast(102%);
}

.lnavi_copy li::before {
	filter: invert(38%) sepia(59%) saturate(4359%) hue-rotate(158deg) brightness(97%) contrast(102%);
}

.lnavi_signboard li::before {
	filter: invert(17%) sepia(33%) saturate(7492%) hue-rotate(237deg) brightness(72%) contrast(144%);
}

.lnavi_lent li::before {
	filter: invert(37%) sepia(99%) saturate(5954%) hue-rotate(276deg) brightness(76%) contrast(131%);
}


.logo_kanban {
	margin-top: 50px;
	border:  solid #217ce8;
	background-color: #fff;
	padding: 10px 20px 20px 20px;
	text-align: center;
	}
	
	.logo_kanban a:hover {
		color: #217ce8;
	}
	
	.logo_kanban img {
		display: block;
		margin: 10px auto 0;
		width: 100px;
		height: auto;
	}
	.logo_kanban img:hover {
		transform:scale(1.1);
	}

	/* 2023.7追加style  ------------------------------------------- */

.new_price {
	width: 40%;
	background: #fff;
}

.new_price td {
	text-align: center;
}

.new_price td span {
	font-size: 1.2em;
	font-weight: 600;
	color: #e60033;
}