@charset "utf-8";
@font-face{
    font-family:HKGrotesk;
    src:url('../fonts/HKGrotesk-Regular.eot');
    src:local(※), url('../fonts/HKGrotesk-Regular.woff') format('woff'), url('../fonts/HKGrotesk-Regular.woff2') format('woff2');
    }
html{-webkit-text-size-adjust:100%}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img,small,strong,b,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,section,audio,video{margin:0;padding:0;vertical-align:baseline;background:transparent}
article,aside,footer,header,menu,nav,section{display:block}
ul,ol{list-style:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{vertical-align:middle;border-radius:0}
a{text-decoration:none;color:inherit}
a:visited{text-decoration:none}
li img{vertical-align:middle}
a:active{text-decoration:none}
em{font-style:normal}
.cf{zoom:1}
.cf:after{content:"";display:block;clear:both}
.animation_2s{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
.animation_3s{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
.wink, a .wink{-webkit-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;transition:opacity 0.1s linear}
.wink:hover, a:hover .wink{opacity:0.5 !important;filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)"}
.hide_text_image{white-space:nowrap;text-indent:-9999px;position:relative}
.hide_text_image:after{display:block;content:"";position:absolute;top:0;left:0}
input[type=text],textarea{-webkit-appearance:none}
fieldset{margin:0;padding:0;border:0}
.blind, legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.cp_blind, caption{visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;border:0;font-size:0;line-height:0}
address{font-style:normal}
body{width:100%;min-width:320px;font-size:100%;line-height:1.5;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
img{vertical-align:top}
.wrapper{position:relative;overflow:hidden;font-size:16px;color:#323232}
.inner_static{position:relative;margin:0 auto}
.inner_static:after{content:"";display:block;clear:both}

/*=======================================================================
header css
=======================================================================*/
#header{position:fixed;z-index:1500;left:0;top:0;width:100%;height:120px}
#h_logo{display:flex;float:left;justify-content:left;align-items:center;margin-left:60px;height:120px;font-size:1.875rem;text-align:center;line-height:1;color:#fff}
#h_logo a{display:block}
#mnb{float:right;height:120px;margin:0 114px 0 0}
/* ？　#mnb > liは#mnbの子要素liに有効 */
#mnb > li{float:left;display:table;height:100%;margin-right:16px}
#mnb > li:last-child{margin-right:0}
#mnb > li > a{display:table-cell;vertical-align:middle;position:relative;padding:3px 6px;font-family:HKGrotesk;font-weight:700;color:#bbb;font-size:1.125rem;line-height:1}
#mnb > li > a:before{content:"";position:absolute;left:0;bottom:47px;width:0;height:1px;background-color:#00c853;transition:all .3s ease-out}
#mnb > li > a.aon, #mnb > li:hover > a{color:#00c853}
#mnb > li.campaign a{color:#5fc3e5}
#mnb > li.campaign > a.aon, #mnb > li.campaign:hover > a{color:#5fc3e5}
#mnb > li.campaign > a:before{background-color:#82cde6;color:#5fc3e5}
#mnb > li > a.aon:before, #mnb > li:hover > a:before{width:100%}
/* サブメニュー　sub-menu ★★  */
#mnb .sub-menu{display:none;width:100%;position:absolute;left:0;top:120px;background:#00c853}
#mnb .sub_menu_title{font-family:HKGrotesk;text-align:center;color:#fff;font-size:1.5rem;padding-top:40px}
#mnb .hide_menu{display:none !important}
#mnb li:hover .sub-menu{display:block}
#mnb .sub-menu ul{display:flex;flex-wrap:wrap;max-width:1180px;width:100%;height:100%;margin:15px auto 20px}
/*　li横幅をウィンドウ幅の3分割　★★  */
#mnb .sub-menu li{flex:calc(100% / 3)}
#mnb .sub-menu li a{display:table;padding:5px 0 15px;position:relative;color:#fff;font-size:1rem;font-weight:normal;font-family:HKGrotesk;transition:all 0.5s ease-out}
#mnb .sub-menu li a .img_wrap{display:inline-block;overflow:hidden}
#mnb .sub-menu li a img{transition:all 0.5s ease-out}
#mnb .sub-menu li a:hover img{transform:scale(1.1)}
#mnb .sub-menu li a span{display:table-cell;vertical-align:middle;padding-left:10px}
/* サブメニュー snb_service ★★ */
#snb_service{display:none;position:fixed;z-index:1100;left:0;top:120px;padding:40px 0 20px;width:100%;background:#00c853}
#snb_service .snb_tit{margin-bottom:26px;text-align:center;color:#fff;font-family:HKGrotesk;font-size:1.5rem;line-height:1}
#snb_service .lst_d2{margin:0 auto;max-width:1180px}
/* サブメニューsnb_service　li横幅をウィンドウ幅の4分割★★  */
#snb_service .lst_d2 li{float:left;margin-bottom:20px;width:33.333%}
#snb_service .lst_d2 a{display:flex;flex-wrap:wrap;justify-content:left;align-items:center}
#snb_service .lst_d2 img{width:100%;max-width:120px}
#snb_service .lst_d2 .image{width:55.174%}
#snb_service .lst_d2 .tit{padding-left:10px;width:calc(44.826% - 10px);font-weight:400;color:#fff;font-size:1rem;line-height:1.2}
#header:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255, 255, 255, .9);
	-webkit-transform:translateY(-101%);
	transform:translateY(-101%);
	-webkit-transition:all .4s cubic-bezier(.19,1,.22,1);
    transition:all .4s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);
    transition-timing-function:cubic-bezier(.19,1,.22,1);
	}
/*#header.not-top-simple:before{transition:none}*/
#header.not-top-simple:before, #header.not-top:before, .sub #header:before{-webkit-transform:translateY(0);transform:translateY(0)}
#header.not-top-simple #h_logo, #header.not-top #h_logo, .sub #h_logo{color:#00c853;transition:all .6s ease-out}

/*=======================================================================
spot css
=======================================================================*/
#top #spot{position:relative;z-index:900;width:100%}
#top #spot .inner_static{overflow:hidden}
#spot_tit{position:absolute;left:4.16%;bottom:12.59%;color:#fff;font-family:HKGrotesk;font-size:6.25rem;letter-spacing:-2px;line-height:1.1;z-index:1}
#spot_tit .point{color:#7be27f}
#mv video{vertical-align:top;position:absolute;width:100%;height:100%;min-height:100%;max-height:100%;object-fit:cover}
#mv .video-btn{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.btn_scroll{position:absolute;z-index:3;left:50%;bottom:0;display:block;margin-left:-34px}
.btn_scroll span{position:relative;display:block;padding-bottom:48px;color:#ebfbec;font-family:HKGrotesk;font-weight:700;font-size:1.063rem;letter-spacing:1px;line-height:1}
.btn_scroll span:before, #spot .btn_scroll span:after{content:"";position:absolute;left:50%;display:block;border-right:1px solid #ebfbec}
.btn_scroll span:before{bottom:0;margin-left:-2px;height:30px}
.btn_scroll span:after{bottom:-2px;margin-left:4px;height:16px;transform:rotate(45deg)}


/*=======================================================================
top page content css
=======================================================================*/
#top_about{padding-top:100px;background:url(../imgs/top_about_bg.jpg) no-repeat center 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover}
#top_about .image_wrap{float:left;width:64.427%;overflow:hidden}
#top_about .image_wrap img{width:100%}
#top_about a{position:absolute;right:60px;bottom:40px;display:block;width:calc(35.573% - 120px)}
#top_about .top_tit{position:relative;padding-bottom:26px;color:#333}
#top_about .top_tit:before{content:"";position:absolute;left:-105px;bottom:12px;width:90px;height:3px;background:#00c853}
#top_about .lead{padding-bottom:20px;text-align:justify;color:#464646;font-size:1rem;line-height:1.9}
#top_about .arr{position:relative;display:block;width:39px;height:39px;border:1px solid #00c853;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#00c853}
#top_about .arr:before, #top_about .arr:after{content:"";position:absolute;border-bottom:1px solid #fff;height:1px}
#top_about .arr:before{left:6px;bottom:16px;width:26px}
#top_about .arr:after{right:5px;bottom:22px;width:16px;transform:rotate(45deg)}
#top_about a:hover .arr{background:none;transition:all .3s ease-out}
#top_about a:hover .arr:before, #top_about a:hover .arr:after{border-bottom-color:#00c853;transition:all .3s ease-out}
.top_tit{color:#00c853;font-family:HKGrotesk;font-size:4.5rem;letter-spacing:4px;line-height:1}
#top_service{margin-top:74px}
#top_service .h_group{margin-bottom:60px}
#top_service .top_tit{margin-bottom:6px;text-align:center}
#top_service .h_group .lead{text-align:center;color:#464646;font-size:.875rem;line-height:1.75}
.top_lst_service li{position:relative;float:left;width:33.333%}
.top_lst_service img{width:100%}
.top_lst_service a{display:block;overflow:hidden}
.top_lst_service .tit{position:absolute;z-index:1;left:4.6875%;top:9.5%;color:#fff}
.top_lst_service .tit .en, .top_lst_service .tit .jp{display:block;line-height:1}
.top_lst_service .tit .en{margin-bottom:7px;font-family:HKGrotesk;font-size:2.5rem}
.top_lst_service .tit .jp{font-weight:700;font-size:1.313rem}
.top_lst_service a:hover .background{opacity:1}
.top_lst_service .background{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 200, 83, .75);opacity:0;z-index:1;
	-webkit-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	transition:opacity .3s linear
	}
.top_lst_service a .image img{transition:all 0.5s ease-out}
.top_lst_service a:hover .image img{transform:scale(1.1)}
.top_lst_service .background .arr{position:absolute;left:50%;top:50%;display:block;margin:-8px 0 0 -20px;width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#fff}
.top_lst_service .background .arr:before, .top_lst_service .background .arr:after{content:"";position:absolute;border-bottom:1px solid #00c853;height:1px}
.top_lst_service .background .arr:before{left:50%;top:50%;margin:2px 0 0 -13px;width:26px}
.top_lst_service .background .arr:after{left:50%;top:50%;margin:-3px 0 0 0;width:16px;transform:rotate(45deg)}
#top_partner{margin:76px 0}
#top_partner .inner_static{max-width:1280px}
#top_partner .top_tit{margin-bottom:24px;text-align:center;font-size:2.5rem;letter-spacing:2px}
.top_lst_partner li{float:left;margin-right:3.125%;width:31.25%}
.top_lst_partner li:last-child{margin-right:0}
.top_lst_partner .logo{margin-bottom:12px;height:225px;background:#f3f3f3 url(../imgs/top_partner_logo1.png) no-repeat center center}
.top_lst_partner .logo strong{font-size:0;text-indent:-9999px}
.top_lst_partner .pn2 .logo{background-image:url(../imgs/top_partner_logo2.png)}
.top_lst_partner .pn3 .logo{background-image:url(../imgs/top_partner_logo3.png)}
.top_lst_partner .lead{text-align:justify;font-size:.813rem;color:#666;line-height:1.8}

/* 20230710宇野追記 
=======================================================================*/

#top-youtube-wrap{
	display: block;
	margin: 150px;
	text-align: center;
}
#top-youtube-wrap iframe{
	width: 560px;
	height: 315px;
}
.youtube_tit{
	margin-bottom: 40px;
	color:#00c853;font-family:HKGrotesk;font-size:4.5rem;letter-spacing:4px;line-height:1
}
.youtube-lead{
	display: block;
	margin: 50px;
	height: 200px;
	line-height: 40px;
}
#top-youtube-wrap .arr{position:relative;display:block;
	margin: auto; 
	width:39px;height:39px;border:1px solid #00c853;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#00c853}
#top-youtube-wrap .arr:before, #top-youtube-wrap .arr:after{content:"";position:absolute;border-bottom:1px solid #fff;height:1px}
#top-youtube-wrap .arr:before{left:6px;bottom:18px;width:26px}
#top-youtube-wrap .arr:after{right:5px;bottom:22px;width:16px;transform:rotate(45deg)}
#top-youtube-wrap a:hover .arr{background:none;transition:all .3s ease-out}
#top-youtube-wrap a:hover .arr:before, #top-youtube-wrap a:hover .arr:after{border-bottom-color:#00c853;transition:all .3s ease-out}

@media print ,screen and (min-width:768px) and (max-width:1280px){
	#top-youtube-wrap{
		display: block;
		margin: 150px;
		text-align: center;
	}
	#top-youtube-wrap iframe{
		width: 560px;
		height: 315px;
	}
	.youtube_tit{
		margin-bottom: 40px;
		color:#00c853;font-family:HKGrotesk;font-size:4.5rem;letter-spacing:4px;line-height:1
	}
	.youtube-lead{
		display: block;
		margin: 50px;
		height: 200px;
		line-height: 40px;
	}
}

@media print ,screen and (max-width:767px){
	#top-youtube-wrap{
		display: block;
		margin: 100px 0 50px 0;
		width: 100%;
		text-align: center;
	}
	.top-youtube{
		aspect-ratio: 16 / 9;
	}
	#top-youtube-wrap iframe{
		width: 100%;
		height: 100%;
	}
	.youtube_tit{
		margin-bottom: 40px;
		color:#00c853;
		font-family:HKGrotesk;
		font-size:2rem;
		letter-spacing:4px;
		line-height:1
	}
	.youtube-lead{
		display: block;
		margin: 50px 50px 100px 50px;
		height: 200px;
		font-size:.813rem;line-height:1.7
	}
}
.blue-bg{
	background-color: #cdebf5;
}

/*=======================================================================
footer css
=======================================================================*/
#footer{position:relative;padding-bottom:56px;background:#333}
#footer .inner_static{max-width:1180px}
#footer .btn_pagetop{position:absolute;right:30px;top:-60px;display:block;width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#7be27f;z-index:1000}
#footer .btn_pagetop .inner_wrap{position:relative;display:block}
#footer .btn_pagetop span{font-size:0;text-indent:-9999px}
#footer .btn_pagetop span:before, #footer .btn_pagetop span:after{content:"";position:absolute;left:50%;display:block;border-right:1px solid #fff}
#footer .btn_pagetop span:before{top:6px;margin-left:-2px;height:30px}
#footer .btn_pagetop span:after{top:4px;margin-left:4px;height:16px;transform:rotate(-45deg)}
#footer .btn_pagetop_bottom{position:fixed;display:block;bottom:30px;top:auto}
#f_contact{padding:59px 40px;border-bottom:1px solid #717171;color:#fff}
#f_contact .tit{float:left;font-family:HKGrotesk;font-size:3.438rem;letter-spacing:4px;line-height:54px}
#f_contact .lead{float:left;margin:6px 0 0 60px;font-size:.875rem}
#f_contact .btn_contact{position:relative;float:right;display:block;width:258px;background:#00c853;border:1px solid #00c853}
#f_contact .btn_contact .tx{float:left;display:flex;justify-content:left;align-items:center;margin-left:32px;height:52px;color:#fff;font-weight:700;font-size:.938rem}
#f_contact .btn_contact .arr{position:relative;float:right;display:block;margin:20px 20px 0 0;width:26px;height:12px}
#f_contact .btn_contact .arr:before, #f_contact .btn_contact .arr:after{content:"";position:absolute;border-bottom:1px solid #fff;height:1px}
#f_contact .btn_contact .arr:before{right:0;bottom:0;width:26px}
#f_contact .btn_contact .arr:after{right:-2px;top:4px;width:16px;transform:rotate(45deg)}
#f_contact .btn_contact:hover{background:none;border-color:#fff}
#fnb{margin:52px 0 32px;text-align:center}
#fnb li{position:relative;display:inline-block;vertical-align:top}
#fnb a{display:block;padding:0 13px;font-weight:700;font-size:1.125rem;color:#ccc;line-height:1}
#fnb a:hover, #fnb a.aon{color:#00c853}
.f_sinfo{margin-bottom:36px;color:#ccc;font-size:.875rem;line-height:1;text-align:center}
.f_sinfo li{display:inline-block;vertical-align:top}
.f_sinfo .address{display:block;margin-bottom:12px}
#f_cr{overflow:hidden;font-size:.813rem;color:#ccc;text-align:center}
#f_cr strong{font-weight:400}


/*=======================================================================
popup menu css
=======================================================================*/
#pmenu{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;min-width:320px;height:100%;background:rgba(255, 255, 255, 1);overflow-y:auto}
#pmenu .btn_area{overflow:hidden}
#pmenu .btn_close{float:right;position:relative;display:block;margin:15px 4.6875% 0 0;width:30px;height:30px}
#pmenu .btn_close span{display:inline-block;box-sizing:border-box;position:absolute;left:5px;width:20px;height:2px;background-color:#0cc85b}
#pmenu .btn_close span:nth-child(1){top:-25px;
	-webkit-transform:translateY(39px) rotate(-45deg);
    transform:translateY(39px) rotate(-45deg);
	}
#pmenu .btn_close span:nth-child(2){bottom:-25px;
	-webkit-transform:translateY(-39px) rotate(45deg);
    transform:translateY(-39px) rotate(45deg);
	}
#pmenu_mnb{margin-top:0}
#pmenu_mnb > ul > li{margin-bottom:22px}
#pmenu_mnb > ul > li:last-child{margin-bottom:0}
#pmenu_mnb a{display:block;color:#333}
#pmenu_mnb a:hover, #pmenu_mnb .d2 a:hover{color:#0cc85b}
#pmenu_mnb > ul > li > a > span{display:flex;justify-content:center;align-items:center;font-family:HKGrotesk;font-weight:700;font-size:1.125rem}
#pmenu_mnb .d2{margin:9px 0 -9px}
#pmenu_mnb .d2 li{float:left;width:50%;margin-bottom:9px}
#pmenu_mnb .d2 a{display:block;padding-left:25px;font-size:.813rem;color:#666}
#pmenu_mnb .d2 li:nth-child(even) a{padding-left:15px}
#pmenu.pmenu_open{display:block}
.disn{display:none}
.fixed{position:fixed}


/*=======================================================================
sub page common css
=======================================================================*/
.sub #spot{position:relative;background:url(../imgs/privacy_spot.jpg) no-repeat center center / cover}
.sub #spot .inner_static{padding-top:120px;height:405px;max-width:1180px}
#pp a, #pp span, #pp strong{font-weight:400;font-size:.75em;color:#fff}
#pp a:hover{color:#7be27f}
#pp .gt{padding:0 8px}
#pp{padding-top:24px}
#pagetit{position:absolute;left:0;bottom:27%}
#pagetit strong, #pagetit span{line-height:1;color:#fff;vertical-align:top}
#pagetit .en{position:relative;display:inline-block;padding-bottom:4px;font-family:HKGrotesk;font-weight:700;font-size:2.5rem;letter-spacing:4px}
#pagetit .en:after{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:rgba(255, 255, 255, .6)}
#pagetit .jp{display:block;margin-top:8px;font-weight:700;font-size:1.5rem}
.sub #content{color:#464646}


/*=======================================================================
service page css
=======================================================================*/
.service #content{position:relative;z-index:1000;margin-top:0px; padding-top: 0; padding-bottom:100px}
.service .pnb{position:absolute;right:50px;bottom:24px}
.service .pnb li{margin-bottom:16px;text-align:right;line-height:2}
.service .pnb li:last-child{margin-bottom:0}
.service .pnb a{color:#fff;font-size:.938;opacity:.6}
.service .pnb a:hover, .service .pnb a.aon{opacity:1;transition:all 0.5s linear}

/* copy */
#copy #spot{background-image:url(../imgs/copy_spot.jpg)}
.sec_service{display:flex;justify-content:left;align-items:flex-end;margin-bottom:80px}
.sec_service:last-child{margin-bottom:0}
.sec_service:after{content:"";display:block;clear:both}
.sec_service .image_wrap{position:relative;z-index:1;width:calc(50% + 40px);background:#f2f2f2}
.sec_service .image_wrap img{float:right;max-width:1000px;width:100%}
.sec_service .cnt_wrap{position:relative;z-index:2;width:calc(50% - 40px)}
.sec_service .cnt_wrap .cnt{float:left;margin-left:60px;max-width:490px}
.sec_service .cnt_wrap .tit{position:relative;padding-bottom:36px;color:#333;font-size:2.125rem;line-height:1}
.sec_service .cnt_wrap .tit:after{content:"";position:absolute;left:-105px;bottom:10px;display:block;width:90px;height:3px;background:#00c853}
.sec_service .description{margin-bottom:30px;font-size:1rem;line-height:1.9;text-align:justify}
.sec_service .description .eps1{display:block;font-size:1.5rem}
.sec_service .description .eps1 .small{font-size:1rem}
.sec_service .description .eps1.s2{line-height:1.4}
.sec_service.s2{flex-direction:row-reverse}
.sec_service.s2 .image_wrap img{float:left}
.sec_service.s2 .cnt{float:right;margin-right:60px;margin-left:0}
.sec_service.s2 .cnt_wrap .tit:after{left:auto;right:-105px}
.btn_detail{display:block;width:260px;height:54px;background:#00c853}
.btn_detail .tx{float:left;display:flex;justify-content:center;align-items:center;margin-left:28px;width:173px;height:54px;color:#fff;font-weight:700;font-size:.938rem;text-align:center}
.btn_detail .ico{position:relative;float:right;display:block;margin:20px 40px 0 0;width:14px;height:9px;border:1px solid #fff}
.btn_detail .ico:after{content:"";position:absolute;left:-4px;bottom:-4px;display:block;width:15px;height:10px;border:1px #fff;border-style:none none solid solid}
#copy .cnt_wrap .cnt{margin-bottom:12.91%}

/* utm */
#utm #spot{background-image:url(../imgs/utm_spot.jpg)}
#utm .sec_service{flex-wrap:wrap;align-items:stretch}
#utm .sec_service .description{margin-bottom:0}
.sec_service .cnt_wrap .tit .small{margin-top:12px;display:block;font-size:1.125rem}
.sec_service .cnt_wrap .tit strong .small{margin-top:0;display:inline;font-size:1.5rem}
.sec_service .description .point1{color:#7be27f}
.sec_service .description .point2{color:#f70}
.sec_service .description .point3{color:#00c853}
#utm .sec_service .cnt_wrap{display:flex;align-items:flex-start}
#utm .sec_service.utm_s1 .cnt_wrap{padding-top:200px}
#utm .sec_service.utm_s2 .cnt_wrap{margin-top:180px;flex-direction:row-reverse;align-items:center}
#utm .sec_service.utm_s3 .cnt_wrap{margin-bottom:192px;align-items:flex-end}
#utm .sec_service .image_wrap{display:flex;flex-direction:row-reverse;align-items:center}
#utm .sec_service.s2 .image_wrap{flex-direction:row}

/* internet */
#internet #spot{background-image:url(../imgs/internet_spot.jpg)}
#internet .sec_service{align-items:flex-start}
#internet .sec_service .cnt_wrap{margin-top:150px}
#internet .sec_service .description{margin-bottom:0}
.sec_service .description .eps2{display:block;margin-top:6px;font-size:1.125rem}
.sec_service .description .eps3{display:block;margin-top:25px;font-size:1.125rem;line-height:1.8}
.sec_service .description .hl{position:relative;padding:0 4px}
.sec_service .description .hl span{position:relative;z-index:2}
.sec_service .description .hl:after{content:"";display:inline-block;position:absolute;z-index:1;left:0;bottom:2px;width:100%;height:6px;background:rgba(123, 226, 127, 1);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
#internet .sec_service.s2 .cnt_wrap, #internet .sec_service.s3 .cnt_wrap{margin-top:60px}

/* oa */
#oa #spot{background-image:url(../imgs/oa_spot.jpg)}
#oa .sec_service{align-items:flex-start}
#oa .sec_service .description{margin-bottom:0}
#oa .sec_service .cnt_wrap{margin-top:248px}
.lst_oa{margin-top:36px}
.lst_oa dt, .lst_oa li{margin-bottom:6px;font-size:1rem}
.lst_oa li:last-child{margin-bottom:0}
.lst_oa .ins_item, .lst_oa .ins_cnt{display:inline-block;vertical-align:top}
.lst_oa .ins_item{width:32%}
.lst_oa .ins_cnt{width:68%}
.lst_oa .ins_cnt:before{content:"：";display:inline-block;float:left;width:15px}
.lst_oa .ins_cnt span{display:inline-block;float:left;width:calc(100% - 15px)}
#oa .sec_service.s2 .cnt{width:calc(100% - 60px)}

/* web_solution */
#web_solution #spot{background-image:url(../imgs/web_solution_spot.jpg)}
#web_solution .sec_service .description{line-height:1.6}
#web_solution .sec_service:first-child{flex-flow:wrap;align-items:stretch}
#web_solution .sec_service:first-child .image_wrap{display:flex;align-items:center}
#web_solution .sec_service:first-child .cnt_wrap{display:flex;align-items:flex-end;margin-top:100px}
#web_solution .sec_service:first-child .description{margin-bottom:100px}
.web_solution_type{position:relative;z-index:1;margin-top:-40px;width:100%}
.web_solution_type .bx_msg{position:relative;margin:0 auto;width:294px}
.web_solution_type .bx_msg:after{position:absolute;left:50%;bottom:-55px;content:"";margin-left:-22px;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:55px solid #00c853}
.web_solution_type .bx_msg p{padding:28px 30px;background:#00c853;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;text-align:justify;letter-spacing:-1px;color:#fff;font-size:.875rem}
.web_solution_type .bx_msg strong{display:block;font-size:1rem}
.web_solution_type .inner_static{margin:0 auto;max-width:1180px}
.web_solution_type section{margin-top:30px;width:47.5%;color:#464646;font-size:1rem}
.web_solution_type section .tit{margin-bottom:40px;text-align:center;font-size:1.5rem;line-height:1}
.web_solution_type section .lead{margin-bottom:32px;min-height:84px;text-align:justify;line-height:1.8}
.web_solution_type section .price{padding:13px 10px;background:#e5e5e5;text-align:center}
.sec_web_solution1{float:left}
.sec_web_solution2{float:right}
.lst_web_solution dt{margin-bottom:8px;color:#666;font-size:1.125rem}
.lst_web_solution dd{font-size:1rem}
.lst_web_solution .ins_lst{margin-bottom:24px;text-align:justify}
.lst_web_solution .ins_lst li{margin:0 0 6px 20px;list-style:square;letter-spacing:-1.5px}
.lst_web_solution .ins_lst li:last-child{margin-bottom:0}
.lst_web_solution .ins_lst p{margin-left:-8px}
#web_solution .sec_service.s2 .lst_web_solution{margin:-6px 0 22px}
#web_solution .sec_service.s3 .lst_web_solution{margin:-6px 0 22px}
#web_solution .sec_service.s3 .lst_web_solution dd{margin-bottom:26px}
#web_solution .sec_service.s3 .lst_web_solution dd:last-child{margin-bottom:0}

/* 20230523宇野追記 
=======================================================================*/
.web_sol_title{
	font-size:2.5rem;
	font-weight: bold;
	color: #e13f96;
}
.web_sol_reversal_title{
	font-size:2.5rem;
	font-weight: bold;
	background-color: #e13f96;
	color: #fff;
}
.web_sol_img_01{
	margin: 50px auto;
}
.web_sol_img_01 img{
	width: 20%;
}
.Three_col_wrap{
	margin-bottom: 50px;
	padding: 20px 0;
	background-color: #f8d06e;
	overflow: auto;
}
.col_wrap{
	display: block;
	float: left;
	margin: 20px;
	border-radius: 20px;
	width: 24%;
	height: 300px;
	padding: 20px;
	background-color: #ffedc1;
}
.col_wrap p{
	font-size:1.2rem;
}
.col_title{
	padding: 20px 0 10px 0;
	font-size:1.5rem;
	font-weight: bold;
}
.col_icon {
	margin-bottom: 10px;
}
.col_icon img{
	width: 50px;
}
.web_sol_text{
	clear: left;
	font-size:2.0rem;
	font-weight: normal;
	color: #e13f96;
}
.web_sol_reversal_text{
	margin: auto;
	display: block;
	width: 40%;
	background-color: #e13f96;
	color: #fff;
}
.last_col_wrap{
	margin: 20px auto 50px auto;
	padding: 20px 20px 0 20px;
	width: 550px;
	height: 250px;
	background-image: url(../imgs/web_solution_img03_a.png);
	background-size: cover;
    background-repeat: no-repeat;
	background-position: 0 -80px;
	overflow: auto;
}
.web_sol_img_02{
	margin-top: 50px;
	display: block;
	width: 40%;
	float: left;
}
.web_sol_img_02 img{
	width: 90%;
}
.web_col_last{
	display: block;
	float: left;
	margin-top: 20px;
	font-size:1.0rem;
	border-radius: 20px;
	width: 52%;
	padding: 20px;
	color: #fff;
	background-color: #009933;
}
.web_solution_type{margin-bottom:70px;text-align:center}
.web_solution_type .image{padding:0;text-align:center;}
.web_solution_type .image img{width:100%}
.web_solution_type .web_solution_lead{color:#464646;font-size:1.125rem;line-height:1.8;text-align:center}
.web_solution_type .web_solution_lead{margin-top:52px;margin-bottom:52px}

/* 20230704宇野追記 
=======================================================================*/
.web_sol_footnote{
	margin-top: 10px;
	font-size:0.8rem;
	color: #e13f96;
}

@media print ,screen and (min-width:768px) and (max-width:1000px){
	.col_wrap{
		margin: 0 20px 10% 20px;
		width: calc(100% - 120px);
		padding: 40px;
	}
	.web_sol_text{
		font-size:1.5rem;
	}
	.col_wrap p{
		font-size:2.0rem;
	}
	.col_title{
		padding: 20px 0 40px 0;
		font-size:2.5rem;
		font-weight: bold;
	}
}

@media print ,screen and (max-width:767px){
	.web_sol_title{
		font-size:2.0rem;
	}
	.web_sol_reversal_title{
		font-size:2.0rem;
	}
	.web_sol_img_01 img{
		width: 80%;
	}
	.col_wrap{
		margin: 0 20px 10% 20px;
		padding: 20px;
		width: calc(100% - 80px);
	}
	.col_wrap p{
		font-size:1.3rem;
	}
	.web_sol_text{
		font-size:1.5rem;
	}
	.web_sol_reversal_text{
		width: 80%;
	}
	.last_col_wrap{
		display: block;
		margin: 50px 20px 50px 0px;
		padding: 20px 20px 0 20px;
		width: calc(100% - 40px);
		height: 380px;
		background-size: 300%;
		background-repeat: no-repeat;
		background-position: 0 calc(72% + 100px);
	}
	.web_sol_img_02{
		display: block;
		margin: 20px 0 0 calc(50% - 110px);
		width: 220px;
	}
	.web_col_last{
		margin: 0;
		padding: 20px;
		width: calc(100% - 40px);
	}
}


/* support */
#support #spot{background-image:url(../imgs/support_spot.jpg)}
#support #content{margin-top:95px;padding-bottom:100px}
#support #content .inner_static{margin:0 auto;max-width:1180px}
#support .h_group{margin-bottom:46px;text-align:center}
#support .h_group .lead{color:#464646;font-size:.875rem;line-height:1.5}
#support .tit2{margin-bottom:16px;text-align:center;color:#333;font-size:2.25rem;line-height:1}
.tit3{margin-bottom:18px;text-align:center;color:#666;font-size:1.5rem;line-height:1}
#support .h_group2{margin-bottom:24px;text-align:center}
#support .h_group2 .tit3{margin-bottom:12px}
#support .h_group2 .lead{color:#00c853;font-size:.875rem;line-height:1.5}
.sec_support{margin-bottom:60px}
.sec_support:last-child{margin-bottom:0}
.lst_support{border-top:1px solid #dcdcdc}
.lst_support li{overflow:hidden;padding:22px 0 22px 3.5%;border-bottom:1px solid #dcdcdc;color:#464646;line-height:1.9}
.lst_support .tit{float:left;width:28%;font-size:1rem}
.lst_support .cnt{float:right;padding-left:1.5%;width:68%;font-size:1rem}
.wrap_table_support .caption{margin-bottom:14px;text-align:right;color:#666;font-size:.875rem;line-height:1}
.ts1{width:100%}
.ts1 td, .ts1 th{padding:12px 4px;border:1px solid #dcdcdc;text-align:center;font-size:1rem;color:#464646;vertical-align:middle;line-height:1.3}
.ts1 thead th{background:#e5e5e5}
.wrap_table_support .lst_exp{margin:24px 60px 0;color:#464646}
.wrap_table_support .lst_exp dt{font-size:1rem}
.wrap_table_support .lst_exp dd{margin-bottom:22px;font-size:.875rem;line-height:1.8}
.wrap_table_support .lst_exp dd:last-child{margin-bottom:0}
.wrap_table_support .lst_exp .d2 li{overflow:hidden;margin-bottom:4px;line-height:1.5}
.wrap_table_support .lst_exp .d2 li:last-child{margin-bottom:0}
.wrap_table_support .lst_exp .d2 span{float:left;display:block}
.wrap_table_support .lst_exp .d2 .item{width:36px}
.wrap_table_support .lst_exp .d2 .cnt{width:calc(100% - 36px)}

/* internet */
.green_link{color:#00c853}

/*=======================================================================
privacy page css
=======================================================================*/
#privacy #content{padding:95px 0 90px}
#privacy #content .inner_static{max-width:1180px}
.privacy_lead{margin-bottom:25px;text-align:justify;line-height:1.8}
.lst_privacy{line-height:1.8}
.lst_privacy dt{margin-bottom:4px}
.lst_privacy dd{margin-bottom:34px;font-size:.875rem}
.lst_privacy dd:last-child{margin-bottom:0}
.lst_privacy ul{margin-top:3px}
.lst_privacy li{margin-bottom:3px}
.lst_privacy li:last-child{margin-bottom:0}
.lst_privacy .d2 li:before{content:"- "}
.lst_privacy .link{color:#00c853;border-bottom:1px solid #00c853}
.lst_privacy .link:hover{color:#464646;border-bottom:none}


/*=======================================================================
access page css
=======================================================================*/
#access #spot{background-image:url(../imgs/access_spot.jpg)}
#access #content{padding:75px 0 105px}
#access #content .inner_static{max-width:1280px}
.googlemap_wrap{position:relative;margin-bottom:100px}
.googlemap_wrap iframe{width:100%;height:612px;border:none;vertical-align:top}
.btn_googlemap{position:absolute;right:0;bottom:-34px;display:block;width:260px;height:54px;background:#00c853}
.btn_googlemap .tx{float:left;display:flex;justify-content:center;align-items:center;margin-left:46px;width:138px;height:54px;color:#fff;font-weight:700;font-size:.938rem;text-align:center}
.btn_googlemap .ico{position:relative;float:right;display:block;margin:20px 57px 0 0;width:14px;height:9px;border:1px solid #fff}
.btn_googlemap .ico:after{content:"";position:absolute;left:-4px;bottom:-4px;display:block;width:15px;height:10px;border:1px #fff;border-style:none none solid solid}
.tit1{margin-top:44px;text-align:center;color:#333;font-family:HKGrotesk;font-size:2.125rem;line-height:1;font-weight:200;margin-bottom:44px}
.sec_access{margin:0 7.8125%;text-align:justify}
.lst_access > dt{margin-bottom:6px;font-size:1.313rem}
.lst_access > dd{margin-bottom:32px;font-size:1rem}
.lst_access > dd:last-child{margin-bottom:0}
.lst_access .d2{line-height:1.8}


/*=======================================================================
company page css
=======================================================================*/
#company #content{padding:100px 0}
#company #content .inner_static{max-width:1180px}
#company .tit1{margin-bottom:80px}
#company .h_group{margin-bottom:40px}
#company .h_group .tit1{margin-bottom:12px}
#company .h_group .lead{text-align:center;font-size:.875rem;line-height:2.2}
.sec_company{margin-bottom:100px}
.sec_company:last-child{margin-bottom:0}
.lst_company{display:table;width:100%;border-top:1px solid #dcdcdc}
.lst_company li{display:table-row}
.lst_company .item, .lst_company .cnt{display:table-cell;padding:22px 0;border-bottom:1px solid #dcdcdc;font-size:1rem;vertical-align:middle}
.lst_company .item{padding-left:5%;width:29.5%}
.lst_company .cnt{width:65.5%;text-align:justify}


/*=======================================================================
contact page css
=======================================================================*/
#contact #spot{background-image:url(../imgs/contact_spot.jpg)}
#contact #content{padding:100px 0}
#contact #content .inner_static{max-width:1180px}
.sec_contact .h_group,.sec_confirm .tit1{margin-bottom:72px}
.sec_contact .h_group .tit1{margin-bottom:12px}
.sec_contact .h_group .lead{text-align:center;font-size:.875rem;line-height:2.2}
.sec_contact{margin-bottom:100px}
.sec_contact:last-child{margin-bottom:0}
.lst_contact{display:table;margin-bottom:60px;width:100%;border-top:1px solid #dcdcdc}
.lst_contact li{display:table-row}
.lst_contact .item, .lst_contact .cnt{display:table-cell;padding:22px 0;border-bottom:1px solid #dcdcdc;vertical-align:middle}
.lst_contact .item{position:relative;padding-left:5%;width:30%}
.lst_contact .tit{padding-right:40px;font-size:1rem}
.lst_contact .cnt{width:65%;text-align:justify;font-size:1rem}
.lst_contact .ess{position:absolute;right:0;top:50%;display:block;margin-top:-10px;width:36px;height:20px;background:#f08327;text-align:center;color:#fff;font-weight:400;font-size:12px;line-height:20px;vertical-align:top}
.input_txt, .txa1, .sel_opt1{width:100%;height:40px;padding:10px;font-size:.875rem;background-color:#fff;border:1px solid #bfbfbf;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
.txa1{padding:18px;height:155px;resize:none}
.input_rd{margin:0 8px 1px 0}
.input_txt.type1, .sel_opt1.type1{width:300px}
.input_txt.type2{width:400px}
.lst_contact.s2 .item{width:22%}
.lst_contact.s2 .cnt{padding-left:8%;padding-right:5%;width:60%}
.group_rd1{padding:0 20px}
.recaptcha_wrap{margin-bottom:60px;text-align:center}
.recaptcha_wrap #html_element div{margin:0 auto}
#contact .btn_area{text-align:center}
#contact .btn_area a{display:inline-block;vertical-align:top}
#contact .btn_area .tx{height:54px;color:#fff;font-weight:700;font-size:.938rem;text-align:center}
.btn_confirm, .btn_home{margin:0 20px;width:260px;background:#00c853}
.btn_confirm .tx{float:left;display:flex;justify-content:center;align-items:center;margin-left:16px;width:198px}
.btn_confirm .arr{position:relative;float:right;display:block;margin:20px 20px 0 0;width:26px;height:12px}
.btn_confirm .arr:before, .btn_confirm .arr:after{content:"";position:absolute;border-bottom:1px solid #fff;height:1px}
.btn_confirm .arr:before{right:0;bottom:0;width:26px}
.btn_confirm .arr:after{right:-2px;top:4px;width:16px;transform:rotate(45deg)}
.btn_cancel{margin:0 20px;width:260px;background:#333}
.btn_cancel .tx{display:block;line-height:54px}
.bx_thankyou{margin-bottom:60px;border:1px #dcdcdc;border-style:solid none solid none;text-align:center;font-size:1rem;color:#464646;line-height:1.9}
.bx_thankyou p{padding:110px 15px}
.btn_home .tx{display:block;height:54px;line-height:54px}


/*=======================================================================
signage page css　★
=======================================================================*/
#signage #spot{background-image:url(../imgs/signage_spot.jpg);background-position:0 center}
#signage #content{padding:100px 0 20px}
#signage #content .inner_static{max-width:960px}
#signage_header .bx_start{margin-bottom:52px;text-align:center}

#signage_header .bx_start .lead{padding:9px 0;background:#666;font-weight:700;text-align:center;color:#fff;font-size:1.5rem}
#signage_header .bx_start .logo{text-align:center}

#signage_header .bx_start img{width: 50%}

.intro_signage{display:flex;flex-wrap:wrap;margin-bottom:90px}

.intro_signage li{margin-right:10px;width:calc(((100% - 60px) / 2) - 0.01px);text-align:center;color:#464646;}

.intro_signage li:nth-child(2){margin-right:10px;margin-left:0px}
.intro_signage li img{margin-bottom:20px}

.intro_signage .tit{margin-bottom:28px;font-size:1.5rem}
.intro_signage .cnt{padding:10px 0;background:#e5e5e5;font-size:1rem;line-height:31px;}
.intro_signage .cnt strong{color:#ff7700;font-size:1.313rem;line-height:31px;vertical-align:top}
.tit_signage{margin-bottom:52px;text-align:center;color:#333;font-size:2.125rem}
.tit_signage.type2{margin-bottom:36px}
.tit_signage.type3{margin-bottom:32px}
.sec_signage1{margin-bottom:90px}
.arti_signage{display:flex;justify-content:center;margin-bottom:80px}
.arti_signage:last-child{margin-bottom:0}
.arti_signage:after{content:"";display:block;clear:both}
.arti_signage .image_wrap{position:relative;z-index:1;width:calc(50% + 40px)}
.arti_signage .image_wrap img{float:right;max-width:1000px;width:100%}
.arti_signagearti_signage .cnt_wrap{position:relative;z-index:2;margin-top:146px;width:calc(50% - 40px)}
.arti_signage .type2 .cnt_wrap{margin-top:60px}
.arti_signage .type3 .cnt_wrap{margin-top:90px}
.arti_signage .type4 .cnt_wrap{margin-top:106px}
.arti_signage .type2 .lead{line-height:1.5}
.arti_signage .cnt_wrap .cnt{float:left;margin-left:60px;max-width:490px}
.arti_signage .cnt_wrap .tit{position:relative;padding-bottom:36px;color:#333;font-size:2.125rem;line-height:1.1}
.arti_signage .cnt_wrap .tit:after{content:"";position:absolute;left:-105px;bottom:10px;display:block;width:90px;height:3px;
	background:#5fc3e5;
	background:-moz-linear-gradient(left, #5fc3e5 0%, #8ee5b1 100%);
	background:-webkit-linear-gradient(left, #5fc3e5 0%,#8ee5b1 100%);
	background:linear-gradient(to right, #5fc3e5 0%,#8ee5b1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc3e5', endColorstr='#8ee5b1',GradientType=1 );
}
.arti_signage .lead{margin-bottom:30px;font-size:1rem;line-height:1.9;text-align:justify}
.arti_signage .lead strong{letter-spacing:-1px}
.arti_signage:nth-child(odd){flex-direction:row-reverse}
.arti_signage:nth-child(odd) .image_wrap img{float:left}
.arti_signage:nth-child(odd) .cnt{float:right;margin-right:60px;margin-left:15px}
.arti_signage:nth-child(odd) .cnt_wrap .tit:after{left:auto;right:-105px}
.sec_signage2{margin-bottom:70px;text-align:center}
.sec_signage2 .lead1, .sec_signage2 .lead2{color:#464646;font-size:1.125rem;line-height:1.8}
.sec_signage2 .lead1{margin-bottom:30px}
.sec_signage2 .lead2{margin-bottom:52px}
.highlight{position:relative;display:inline-block;vertical-align:top;}
.highlight span{position:relative;z-index:1}
.highlight:after{content:"";position:absolute;left:-5px;bottom:5px;z-index:0;display:inline-block;padding:0 5px;width:100%;height:6px;background:#5fc3e5;vertical-align:top;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px
}
.bx_signage1, .bx_signage2{position:relative;margin:0 auto 56px;padding-bottom:56px;width:770px}
.bx_signage1:after, .bx_signage2:after{content:"";position:absolute;left:50%;bottom:0;display:block;margin-left:-22px;width:44px;height:58px;background:url(../imgs/arr_campaign.png) no-repeat 0 0}
.bx_signage1 p, .bx_signage2 p{background:#5fc3e5;padding:16px 34px;text-align:center;font-weight:500;color:#fff;line-height:2.15;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px
}
.bx_signage1 strong{font-weight: 700}

.bx_signage2{margin-bottom:0}
.bx_signage2:after{background-image:url(../imgs/campaign_top20210712.jpg)}
.bx_signage2 p{padding:16px 60px;background:#00c853}
.sec_signage2 .lead3{margin-bottom:60px}
.sec_signage2 .lead3 span, .sec_signage2 .lead3 strong{display:inline-block;vertical-align:top}
.sec_signage2 .lead3 .emp1{margin-bottom:28px;color:#ff7700;font-size:1.313rem}
.sec_signage2 .lead3 .emp2{margin-bottom:28px;color:#464646;font-size:1.5rem}
.sec_signage2 .image{padding:0 90px 46px;text-align:center;}
.sec_signage2 .image img{width:100%}
.sec_signage2 .lead4{color:#464646;font-size:1.125rem}

.intro_dsign ul{
	display:-webkit-flex;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left:auto;
	margin-bottom: 150px;
	display:block; 
	height: 250px; 
	width: 360px;
}

.intro_dsign li{


	text-align:center;
	color:#464646;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.intro_dsign img{ margin-bottom:20px;margin-left:auto;margin-right: auto}

.intro_dsign .tit{margin-bottom:28px;font-size:1.5rem;}
.intro_dsign .cnt{padding:10px 0;background:#e5e5e5;font-size:1rem;line-height:31px;}
.intro_dsign .cnt strong{color:#ff7700;font-size:1.313rem;line-height:31px;vertical-align:top}

 /* ★　*/

/* もとのcampaignCSS指定始まり */



/*=======================================================================
food_service page css　★
=======================================================================*/
#food_service #spot{background-image:url(../imgs/food_service_spot.png);background-position:50% left;}



/*=======================================================================
campaign css　AAA
=======================================================================*/
#campaign #cmp_spot {
	background-image:url(../imgs/campaign_top20210712.png);
	background-position:center 0px;
	background-repeat: no-repeat;
}
#campaign #content{padding:100px 0 20px; margin-top:0px;}
#campaign #content .inner_static_campaign{max-width:960px;}
.sub #cmp_spot .inner_static_campaign{padding-top:120px;width:1180px;height:600px;margin: 0 auto}
/*.inner_static_campaign{position:relative;margin:0 auto}
.inner_static_campaign:after{content:"";display:block;clear:both} */
#campaign_header .bx_start{margin-bottom:52px;text-align:center}

/* ★0513 */
#campaign_header .bx_start .lead{padding:9px 0;background:#666;font-weight:700;text-align:center;color:#fff;font-size:1.5rem}
#campaign_header .bx_start .logo{text-align:center}

#campaign_header .bx_start img{width: 33.33%}

/* ★0716 */
.note{vertical-align:super;font-size:0.5em;}

.intro_campaign ul{
    display:-webkit-flex;
	display:flex;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left:auto;
}

.intro_campaign li{
    flex-basis:45%;
    text-align:center;
    color:#464646;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

/*
変更前 20200716 木内
.intro_campaign li{display:flex;width:calc(((100% - 60px) / 3) - 0.01px);text-align:center;color:#464646;margin-left: auto;margin-right: auto;}
.intro_campaign li:nth-child(2){margin-right:auto;margin-left:auto}
.intro_campaign li:nth-child(3){margin-right:auto;margin-left:auto}
*/

.intro_campaign img{display:block;margin-bottom:20px;margin-left:auto;margin-right: auto}

.intro_campaign .tit{margin-bottom:28px;font-size:1.5rem;}
.intro_campaign .cnt{padding:10px 0;background:#e5e5e5;font-size:1rem;line-height:31px;}
.intro_campaign .cnt strong{color:#ff7700;font-size:1.313rem;line-height:31px;vertical-align:top}
.tit_campaign{margin-bottom:52px;text-align:center;color:#333;font-size:2.125rem}
.tit_campaign.type2{margin-bottom:36px}
.tit_campaign.type3{margin-bottom:32px}
.sec_campaign1{margin-bottom:90px}


#top #cmp_spot{position:relative;z-index:900;width:100%;}
#top #cmp_spot .inner_static{overflow:hidden}
#spot_tit{position:absolute;left:4.16%;bottom:12.59%;color:#fff;font-family:HKGrotesk;font-size:6.25rem;letter-spacing:-2px;line-height:1.1;z-index:1}
#spot_tit .point{color:#7be27f}
#mv video{vertical-align:top;position:absolute;width:100%;height:100%;min-height:100%;max-height:100%;object-fit:cover}
#mv .video-btn{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.btn_scroll{position:absolute;z-index:3;left:50%;bottom:0;display:block;margin-left:-34px}
.btn_scroll span{position:relative;display:block;padding-bottom:48px;color:#ebfbec;font-family:HKGrotesk;font-weight:700;font-size:1.063rem;letter-spacing:1px;line-height:1}
.btn_scroll span:before, #cmp_spot .btn_scroll span:after{content:"";position:absolute;left:50%;display:block;border-right:1px solid #ebfbec}
.btn_scroll span:before{bottom:0;margin-left:-2px;height:30px}
.btn_scroll span:after{bottom:-2px;margin-left:4px;height:16px;transform:rotate(45deg)}

/* 20210518宇野追記 
=======================================================================*/

.tk_bnr {
	text-align: center;
}
/* 20210518追記ここまで 
=======================================================================*/

/* 20211111宇野追記 トップページナビゲーションを動画に乗せる
=======================================================================*/

.pnb{position:absolute;right:50px;bottom:24px;z-index:3}
.pnb li{margin-bottom:16px;text-align:right;line-height:2}
.pnb li:last-child{margin-bottom:0}
.pnb a{color:#fff;font-size:.938;opacity:.6;right:50px;bottom:24px}
.pnb a:link{right:50px;bottom:24px}
.pnb a:hover {opacity:1;transition:all 0.5s linear}

/* 20211111追記ここまで 
=======================================================================*/

/*  ◆0513 以下、多分この指定は効いていない 
.arti_campaign{display:flex;justify-content:left;margin-bottom:80px;border:solid}
.arti_campaign:last-child{margin-bottom:0}
.arti_campaign:after{content:"";display:block;clear:both}
.arti_campaign .image_wrap{position:relative;z-index:1;width:calc(50% + 40px)} 
.arti_campaign .image_wrap img{float:right;max-width:1000px;width:100%;border:solid}
.arti_campaign .cnt_wrap{position:relative;z-index:2;margin-top:146px;width:calc(50% - 40px);float: left} .arti_campaign .type2 .cnt_wrap{margin-top:60px}
.arti_campaign .type3 .cnt_wrap{margin-top:90px}
.arti_campaign .type4 .cnt_wrap{margin-top:106px}
  ◆0513 以上、多分この指定は効いていない */

.arti_campaign .type2 .lead{line-height:1.5}
.arti_campaign .cnt_wrap .cnt{float:left;margin-left:60px;max-width:490px}
.arti_campaign .cnt_wrap .tit{position:relative;padding-bottom:36px;color:#333;font-size:2.125rem;line-height:1.1}
.arti_campaign .cnt_wrap .tit:after{content:"";position:absolute;left:-105px;bottom:10px;display:block;width:90px;height:3px;
	background:#5fc3e5;
	background:-moz-linear-gradient(left, #5fc3e5 0%, #8ee5b1 100%);
	background:-webkit-linear-gradient(left, #5fc3e5 0%,#8ee5b1 100%);
	background:linear-gradient(to right, #5fc3e5 0%,#8ee5b1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc3e5', endColorstr='#8ee5b1',GradientType=1 );
}
.arti_campaign .lead{margin-bottom:30px;font-size:1rem;line-height:1.9;text-align:justify}
.arti_campaign .lead strong{letter-spacing:-1px}
.arti_campaign:nth-child(odd){flex-direction:row-reverse}
.arti_campaign:nth-child(odd) .image_wrap img{float:left}
.arti_campaign:nth-child(odd) .cnt{float:right;margin-right:60px;margin-left:0}
.arti_campaign:nth-child(odd) .cnt_wrap .tit:after{left:auto;right:-105px}
.sec_campaign2{margin-bottom:70px;text-align:center}
.sec_campaign2 .lead1, .sec_campaign2 .lead2{color:#464646;font-size:1.125rem;line-height:1.8}
.sec_campaign2 .lead1{margin-bottom:30px}
.sec_campaign2 .lead2{margin-bottom:52px}
.highlight{position:relative;display:inline-block;vertical-align:top;}
.highlight span{position:relative;z-index:1}
.highlight:after{content:"";position:absolute;left:-5px;bottom:5px;z-index:0;display:inline-block;padding:0 5px;width:100%;height:6px;background:#5fc3e5;vertical-align:top;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px
}
.bx_campaign1, .bx_campaign2{position:relative;margin:0 auto 56px;padding-bottom:56px;width:770px}
.bx_campaign1:after, .bx_campaign2:after{content:"";position:absolute;left:50%;bottom:0;display:block;margin-left:-22px;width:44px;height:58px;background:url(../imgs/arr_campaign.png) no-repeat 0 0}
.bx_campaign1 p, .bx_campaign2 p{background:#5fc3e5;padding:16px 34px;text-align:center;font-weight:500;color:#fff;line-height:2.15;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px
}
.bx_campaign1 strong{font-weight: 700}

.bx_campaign2{margin-bottom:0}
.bx_campaign2:after{background-image:url(../imgs/arr_campaign2.png)}
.bx_campaign2 p{padding:16px 60px;background:#00c853}
.sec_campaign2 .lead3{margin-bottom:60px}
.sec_campaign2 .lead3 span, .sec_campaign2 .lead3 strong{display:inline-block;vertical-align:top}
.sec_campaign2 .lead3 .emp1{margin-bottom:28px;color:#ff7700;font-size:1.313rem}
.sec_campaign2 .lead3 .emp2{margin-bottom:28px;color:#464646;font-size:1.5rem}
.sec_campaign2 .image{padding:0 90px 46px;text-align:center;}
.sec_campaign2 .image img{width:100%}
.sec_campaign2 .lead4{color:#464646;font-size:1.125rem}

/* もとのcampaignCSS指定終わり */

@media print ,screen and (min-width:768px){
	.sp{display:none !important}
	.tb{display:block !important}
}

@media print ,screen and (min-width:768px) and (max-width:1280px){
	
	/* TABLET - basic css */
	.pc_tb{display:block}
	.tb{display:none}
	.sp{display:none}
	
	/* TABLET - header css */
	#header{height:100px}
	#h_logo{margin-left:30px;height:100px;font-size:1.5rem}
	#mnb{height:100px;margin:0 30px 0 0}
	#mnb > li{margin-right:4px}
	#mnb > li > a{padding:2px 4px;font-size:.875rem}
	#mnb > li > a:before{bottom:34px}
/* 　サブメニュー　★★　*/
    #mnb .sub-menu{top:100px}
	#mnb .sub-menu ul{width:calc(100% - 40px);padding:0 20px}
/*  liの横幅をウィンドウ幅の3分割に　★★　*/
	#mnb .sub-menu ul li{flex:calc(100% / 3 - 10px);margin:0 5px}
/*  li > imgの横幅をmax210→110px　★★　*/
	#mnb .sub-menu ul li img{max-width:110px;height:auto}
	#snb_service{top:100px}
	#snb_service .lst_d2{margin:0 10px}
	
	/* TABLET - spot css */
	#spot_tit{font-size:5rem}
	#spot .btn_scroll span{padding-bottom:38px;font-size:.875rem}
	
	/* TABLET - top page content css */
	#top_about a{right:40px;bottom:20px;width:calc(35.573% - 100px)}
	#top_about .top_tit{padding-bottom:20px}
	#top_about .lead{padding-bottom:16px;font-size:.938rem;line-height:1.6}
	
	/* TABLET - footer css */
	#top_partner .inner_static{margin:0 1.5625%}
	
	/* TABLET - sub page common css */
	.sub #spot .inner_static{padding:100px 15px 0}
	#pagetit{left:15px}
	
	/* TABLET - service page css */
	.service .pnb{right:15px}
	#copy .cnt_wrap .cnt, #utm .cnt_wrap .cnt, #internet .cnt_wrap .cnt, #oa .cnt_wrap .cnt, #web_solution .cnt_wrap .cnt{margin-right:15px;margin-bottom:0}
	#copy .sec_service.s2 .cnt_wrap .cnt, #utm .sec_service.s2 .cnt_wrap .cnt, #internet .sec_service.s2 .cnt_wrap .cnt, #oa .sec_service.s2 .cnt_wrap .cnt, #web_solution .sec_service.s2 .cnt_wrap .cnt{margin:0 60px 0 15px}
	#oa .sec_service .cnt_wrap{margin-top:124px}
	#oa .sec_service.s2 .cnt{width:calc(100% - 75px)}
	#web_solution .sec_service{align-items:flex-start}
	.web_solution_type .bx_msg p{padding:18px 20px;font-size:.813rem}
	.web_solution_type .bx_msg strong{font-size:.875rem}
	.web_solution_type .inner_static{margin:0 15px}
	.web_solution_type section{font-size:.875rem}
	.web_solution_type section .tit{font-size:1.25rem}
	.lst_web_solution dt{font-size:1rem}
	.lst_web_solution dd{font-size:.875rem}
	#support .inner_static{margin:0 15px}
	
	/* TABLET - privacy page css */
	#privacy #content .inner_static, #company #content .inner_static, #contact #content .inner_static, #campaign #content .inner_static{padding:0 15px}
	
    /* TABLET - signage page css 木内追加*/
	.arti_signage .cnt_wrap{margin-top:0}
	.arti_signage.type2 .cnt_wrap{margin-top:0}
	.arti_signage.type3 .cnt_wrap{margin-top:0}
	.arti_signage.type4 .cnt_wrap{margin-top:0}
	.arti_signage.type2 .lead{line-height:1.3}
	.arti_signage .cnt_wrap .tit{padding-bottom:24px;font-size:1.5rem}
	.arti_signage .cnt_wrap .cnt{margin-right:15px}
	.arti_signage .lead{margin-bottom:22px;font-size:.875rem;line-height:1.5}
	.arti_signage:nth-child(odd) .cnt{margin-right:60px;margin-left:15px}
	.bx_signage1, .bx_campaign2{width:auto}
	.sec_signage2 .image{padding-right:0;padding-left:0}

    
    /* TABLET - campaign page css */
	.arti_campaign .cnt_wrap{margin-top:0}
	.arti_campaign.type2 .cnt_wrap{margin-top:0}
	.arti_campaign.type3 .cnt_wrap{margin-top:0}
	.arti_campaign.type4 .cnt_wrap{margin-top:0}
	.arti_campaign.type2 .lead{line-height:1.3}
	.arti_campaign .cnt_wrap .tit{padding-bottom:24px;font-size:1.5rem}
	.arti_campaign .cnt_wrap .cnt{margin-right:15px}
	.arti_campaign .lead{margin-bottom:22px;font-size:.875rem;line-height:1.5}
	.arti_campaign:nth-child(odd) .cnt{margin-right:60px;margin-left:15px}
	.bx_campaign1, .bx_campaign2{width:auto}
	.sec_campaign2 .image{padding-right:0;padding-left:0}
}

@media print ,screen and (max-width:1100px){
	
	/* TABLET - spot css */
	#spot_tit{font-size:3.75rem}
	
	/* TABLET - top page content css */
	.top_tit{font-size:3rem;letter-spacing:2px}
	#top_about .top_tit:before{left:-55px;width:50px;height:3px;background:#00c853}
	#top_about a{right:30px;width:calc(35.573% - 60px)}
	#top_about .lead{font-size:.875rem;line-height:1.5}
	
	/* TABLET - footer css */
	#top_partner{margin:56px 0}
	#top_partner .top_tit{margin-bottom:18px;font-size:2.25rem;letter-spacing:2px}
	.top_lst_partner .logo{margin-bottom:10px;height:185px;background-size:168px auto;-webkit-background-size:168px auto;-moz-background-size:168px auto}
	.top_lst_partner .pn3 .logo{background-size:168px auto;-webkit-background-size:168px auto;-moz-background-size:168px auto}
	.top_lst_partner .pn3 .logo{background-size:130px auto;-webkit-background-size:130px auto;-moz-background-size:130px auto}
	.top_lst_partner .lead{line-height:1.5}
}

@media print ,screen and (max-width:1000px){
	
	/* TABLET - footer css */
	#footer .inner_static{margin:0 10px}
	#f_contact{padding:44px 20px}
	#f_contact .tit{font-size:3.125rem;letter-spacing:3px}
	#f_contact .lead{margin-left:40px;font-size:.813rem}
	#f_contact .btn_contact .tx{font-size:.875rem}
	#fnb{margin-top:42px}
	#fnb a{font-size:1rem}
	.f_sinfo{margin-bottom:30px;font-size:.813rem}
	.f_sinfo .address{margin-bottom:10px}
	
	.sec_service .cnt_wrap .tit{padding-bottom:24px;font-size:1.5rem}
	.sec_service .description{margin-bottom:22px;font-size:.875rem;line-height:1.5}
	.sec_service .description .eps1{font-size:1.125rem}
	.sec_service .description .eps1 .small{font-size:.938rem}
}

@media print ,screen and (max-width:900px){
	
	/* TABLET - top page content css */
	#top_about .top_tit:before{left:-55px;width:50px;height:3px;background:#00c853}
	#top_about a{right:30px;width:calc(35.573% - 60px)}
	#top_about .lead{font-size:.813rem;line-height:1.3}
	
	/* TABLET - footer css */
	#footer{padding-bottom:34px}
	#f_contact{padding:34px 10px}
	#f_contact .tit{font-size:3rem;letter-spacing:1px}
	#f_contact .lead{margin-left:20px;font-size:.75rem}
	#f_contact .btn_contact{width:238px}
	#f_contact .btn_contact .tx{font-size:.813rem}
	#fnb a{font-size:.875rem}
}

@media print ,screen and (max-width:767px){
	
	/* SMART PHONE - basic css */
	.pc_tb{display:none !important}
	.sp{display:block}
	
	/* SMART PHONE - header css */
	#header{height:60px}
	#h_logo{margin-left:4.6875%;height:60px;font-size:.938em}
	#mnb{display:none}
	#snb_service{display:none !important}
	.btn_menu{position:relative;display:block;float:right;margin:15px 4.6875% 0 0;width:30px;height:30px}
	.btn_menu span{display:inline-block;transition:all .3s;box-sizing:border-box;position:absolute;left:4px;width:22px;height:2px;background-color:#0cc85b;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
	.btn_menu span:nth-child(1){top:7px}
	.btn_menu span:nth-child(2){top:14px}
	.btn_menu span:nth-child(3){top:21px}
	
	/* SMART PHONE - spot css */
	#spot_tit{left:7.8125%;bottom:4.6715%;font-size:1.875rem;letter-spacing:0;line-height:1.2}
	#spot .btn_scroll{display:none}
	
	/* SMART PHONE - top page content css */
	#top_about{padding-top:32px;background:url(../imgs/sp_top_about_bg.jpg) no-repeat 0 0;background-size:100% auto;-webkit-background-size:100% auto;-moz-background-size:100% auto}
	#top_about .image_wrap{float:none;width:calc(100% - 40px)}
	#top_about a{position:static;right:auto;bottom:auto;padding:25px 30px;width:auto;background:#ebfbec}
	#top_about .top_tit{padding-bottom:15px}
	#top_about .top_tit:before{left:-9px;bottom:auto;top:-47px;width:2px;height:45px}
	#top_about .lead{padding-bottom:15px;font-size:.813rem;line-height:1.7}
	#top_about .arr{width:29px;height:29px}
	#top_about .arr:before{left:8px;bottom:13px;width:14px}
	#top_about .arr:after{right:6px;bottom:16px;width:9px}
	.top_tit{font-size:2.25rem;letter-spacing:3px}
	#top_service{margin-top:39px}
	#top_service .h_group{margin:0 15px 30px}
	#top_service .top_tit{margin-bottom:4px}
	#top_service .h_group .lead{font-size:.688rem;line-height:1.7}
	.top_lst_service li{float:none;width:100%}
	.top_lst_service .tit .en{margin-bottom:7px;font-size:1.875rem}
	.top_lst_service .tit .jp{font-size:1rem}
	.top_lst_service .background{background:none;opacity:1}
	.top_lst_service .background .arr{left:auto;right:6.25%;top:50%;margin:-7px 0 0 0;width:14px;height:14px;background:none}
	.top_lst_service .background .arr:before, .top_lst_service .background .arr:after{border-bottom-color:#fff}
	.top_lst_service .background .arr:before{left:0;top:50%;margin:0;width:14px}
	.top_lst_service .background .arr:after{left:auto;right:-2px;top:4px;margin:0;width:9px}
	#top_partner{margin:38px 0 45px}
	#top_partner .top_tit{margin-bottom:12px;font-size:1.25rem;letter-spacing:1px}
	.top_lst_partner{margin:0 15px}
	.top_lst_partner li{float:none;margin-right:0;margin-bottom:15px;width:auto}
	.top_lst_partner li:last-child{margin-bottom:0}
	.top_lst_partner .logo{margin-bottom:12px;height:70px;background-size:120px auto;-webkit-background-size:120px auto;-moz-background-size:120px auto}
	.top_lst_partner .pn2 .logo{background-size:127px auto;-webkit-background-size:127px auto;-moz-background-size:127px auto}
	.top_lst_partner .pn3 .logo{background-size:93px auto;-webkit-background-size:93px auto;-moz-background-size:93px auto}
	.top_lst_partner .lead{font-size:.688rem;line-height:1.5}
	
	/* SMART PHONE - footer css */
	#footer{padding-bottom:18px}
	#footer .inner_static{margin:0}
	#footer .btn_pagetop{right:15px;top:-45px;width:30px;height:30px}
	#footer .btn_pagetop span:before{top:8px;margin:0 0 0 -1px;height:14px}
	#footer .btn_pagetop span:after{top:6px;margin-left:2px;height:9px}
	#footer .btn_pagetop_bottom{position:fixed;display:block;bottom:10px;top:auto !important}
	#f_contact{padding:30px 15px 32px}
	#f_contact .inner_wrap{overflow:hidden;margin-bottom:17px;text-align:center}
	#f_contact .tit{display:inline-block;float:none;font-size:1.688rem;letter-spacing:2px;line-height:1;vertical-align:top}
	#f_contact .lead{display:inline-block;float:none;margin:0 0 0 20px;font-size:.625rem;line-height:1.3;vertical-align:top}
	#f_contact .btn_contact{overflow:hidden;float:none;margin:0 auto;width:231px}
	#f_contact .btn_contact .tx{margin-left:26px;font-size:.938rem}
	#f_contact .btn_contact .arr{margin:20px 15px 0 0;width:14px;height:9px}
	#f_contact .btn_contact .arr:before{width:14px}
	#f_contact .btn_contact .arr:after{right:-2px;top:4px;width:9px;transform:rotate(45deg)}
	#fnb{margin:26px 0 7px}
	#fnb li{margin-bottom:20px}
	#fnb a{padding:0 12px;font-size:.75rem}
	.f_sinfo{margin-bottom:26px;font-size:.75rem}
	.f_sinfo .address{margin-bottom:14px}
	.f_sinfo .tel{position:relative;margin-bottom:14px}
	.f_sinfo .btn_tel{display:block;width:231px;height:51px;border:1px solid #ccc}
	.f_sinfo .btn_tel span{display:block;margin-top:10px;font-size:1.125rem}
	.f_sinfo .time{position:absolute;left:0;bottom:9px;display:block;width:100%;text-align:center}
	.f_sinfo .fax{display:block}
	#f_cr{font-size:.625rem;line-height:1}

	/* SMART PHONE - sub page common css */
	.sub #spot .inner_static{padding-top:60px;height:222px}
	.sub #spot .inner_static_campaign{padding-top:60px;height:250px}
	.sub #cmp_spot .inner_static{padding-top:60px;height:222px}
	.sub #cmp_spot .inner_static_campaign{padding-top:60px;height:250px}
	#pp{padding:12px 0 0 15px}
	#pagetit{left:15px;bottom:9%}
	#pagetit .en{font-size:1.875rem;letter-spacing:2px}
	#pagetit .jp{margin-top:6px;font-size:1.125rem}
	
	/* SMART PHONE - service page css */
	.service #pagetit{bottom:18%}
	.service .pnb{display:none}
	#spot{background-image:url(../imgs/sp_copy_spot.jpg)}
	.service #content{margin-top:-20px;padding-bottom:60px}
	.sec_service{display:block;margin-bottom:50px}
	.sec_service .image_wrap{width:calc(100% - 13px);background:none}
	.sec_service .image_wrap img{float:none}
	.sec_service .cnt_wrap{margin:0 30px;width:auto}
	.sec_service .cnt_wrap .cnt{float:none;margin-left:0;max-width:100%;font-size:.813rem}
	.sec_service .cnt_wrap .tit{padding:25px 0 22px;font-size:1.188rem}
	.sec_service .cnt_wrap .tit:after{left:-12px;bottom:auto;top:-23px;width:2px;height:45px}
	.sec_service .description{margin-bottom:20px;width:100%;font-size:.813rem;line-height:1.65}
	.sec_service .description .eps1{font-size:.938rem}
	.sec_service.s2{flex-direction:row-reverse}
	.sec_service.s2 .image_wrap img{float:none}
	.sec_service.s2 .cnt{float:none;margin-right:0;margin-left:0;max-width:100%}
	.sec_service.s2 .cnt_wrap .tit:after{left:-12px;right:auto}
	.btn_detail{margin:0 auto;width:231px;height:45px}
	.btn_detail .tx{margin-left:33px;width:144px;height:45px}
	.btn_detail .ico{margin:16px 35px 0 0}
	.btn_detail .ico:after{left:-4px;bottom:-4px}
	#copy .cnt_wrap .cnt{margin-bottom:0}
	#utm .sec_service .description{margin-bottom:0}
	.sec_service .cnt_wrap .tit .small{margin-top:0;display:inline;font-size:.938rem}
	.sec_service .cnt_wrap .tit strong .small{font-size:.938rem}
	#utm .sec_service .cnt_wrap{display:block}
	#utm .sec_service.utm_s1 .cnt_wrap{padding-top:0}
	#utm .sec_service.utm_s2 .cnt_wrap{margin-top:0}
	#utm .sec_service.utm_s3 .cnt_wrap{margin-bottom:0}
	#utm .sec_service .image_wrap{display:block}
	#internet .sec_service .cnt_wrap{margin-top:0}
	.sec_service .description .eps2{font-size:.875rem}
	.sec_service .description .eps3{margin-top:12px;font-size:.875rem;line-height:1.5}
	.sec_service .description .hl{padding:0 2px}
	.sec_service .description .hl:after{height:4px}
	#internet .sec_service.s2 .cnt_wrap, #internet .sec_service.s3 .cnt_wrap{margin-top:0}
	#oa .sec_service .cnt_wrap{margin-top:0}
	.lst_oa{margin-top:18px}
	.lst_oa dt, .lst_oa li{margin-bottom:3px;font-size:.75rem}
	.lst_oa .ins_item{width:32%}
	.lst_oa .ins_cnt{width:68%}
	#oa .sec_service.s2 .cnt{width:100%}
	#web_solution .sec_service .description{line-height:1.5}
	#web_solution .sec_service:first-child .cnt_wrap{margin-top:0}
	#web_solution .sec_service:first-child .description{margin-bottom:0}
	.web_solution_type{margin-top:20px;width:100%}
	.web_solution_type .bx_msg{margin:0;width:auto}
	.web_solution_type .bx_msg:after{bottom:-23px;margin-left:-11px;border-left-width:11px;border-right-width:11px;border-top-width:23px}
	.web_solution_type .bx_msg p{padding:14px 15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;font-size:.813rem}
	.web_solution_type .bx_msg strong{font-size:.875rem}
	.web_solution_type .inner_static{margin:0 30px}
	.web_solution_type section{margin-top:24px;width:auto;font-size:.813rem}
	.web_solution_type section .tit{margin-bottom:20px;font-size:1.125rem}
	.web_solution_type section .lead{margin-bottom:16px;min-height:42px;line-height:1.6}
	.web_solution_type section .price{padding:8px;line-height:1.2}
	.sec_web_solution1{float:none}
	.sec_web_solution2{float:none}
	.lst_web_solution dt{margin-bottom:4px;font-size:1rem}
	.lst_web_solution dd{font-size:.813rem}
	.lst_web_solution .ins_lst{margin-bottom:12px}
	.lst_web_solution .ins_lst li{margin:0 0 3px 20px}
	.lst_web_solution .ins_lst p{margin-left:-6px}
	#web_solution .sec_service.s2 .lst_web_solution{margin:-3px 0 11px;font-size:.813rem}
	#web_solution .sec_service.s3 .lst_web_solution{margin:-3px 0 11px;font-size:.813rem}
	#web_solution .sec_service.s3 .lst_web_solution dd{margin-bottom:13px}
	#support #content{margin:48px 15px 45px;padding-bottom:0}
	#support .h_group{margin-bottom:24px}
	#support .h_group .lead{font-size:.75rem}
	#support .tit2{margin-bottom:8px;font-size:1.75rem}
	.tit3{margin-bottom:10px;font-size:1.125rem}
	#support .h_group2{margin-bottom:12px}
	#support .h_group2 .tit3{margin-bottom:6px}
	#support .h_group2 .lead{font-size:.75rem}
	.sec_support{margin-bottom:30px}
	.lst_support li{padding:12px 0;line-height:1.5}
	.lst_support .tit{float:none;margin-bottom:5px;width:auto;font-size:.875rem}
	.lst_support .cnt{float:none;padding-left:0;width:auto;font-size:.875rem}
	.wrap_table_support .caption{margin-bottom:8px;font-size:.75rem}
	.ts1 td, .ts1 th{padding:8px 2px;font-size:.75rem}
	.wrap_table_support .lst_exp{margin:12px 0 0}
	.wrap_table_support .lst_exp dt{font-size:.75rem}
	.wrap_table_support .lst_exp dd{margin-bottom:12px;font-size:.75rem;line-height:1.5}
	.wrap_table_support .lst_exp .d2 li{margin-bottom:0}
	.wrap_table_support .lst_exp .d2 .item{width:28px}
	.wrap_table_support .lst_exp .d2 .cnt{width:calc(100% - 28px)}
	
	/* SMART PHONE - privacy page css */
	#privacy #content{padding:48px 15px 45px}
	.privacy_lead{margin-bottom:12px;font-size:.875rem;line-height:1.5}
	.lst_privacy{line-height:1.5}
	.lst_privacy dt{margin-bottom:2px;font-size:.875rem}
	.lst_privacy dd{margin-bottom:17px;font-size:.813rem}
	.lst_privacy ul{margin-top:2px}
	.lst_privacy li{margin-bottom:2px}
	
	/* SMART PHONE - access page css */
	#access #content{padding:35px 0 55px}
	.googlemap_wrap{margin-bottom:80px}
	.googlemap_wrap iframe{height:306px}
	.btn_googlemap{width:230px;height:54px;background:#00c853}
	.btn_googlemap .tx{margin-left:31px}
	.btn_googlemap .ico{margin-right:42px}
	.tit1{margin-bottom:24px;font-size:1.75rem}
	.sec_access{margin:0 15px}
	.lst_access > dt{margin-bottom:4px;font-size:1rem}
	.lst_access > dd{margin-bottom:18px;font-size:.813rem}
	.lst_access .d2{line-height:1.6}
	
	/* SMART PHONE - company page css */
	#company #content{padding:50px 15px}
	#company .tit1{margin-bottom:40px}
	#company .h_group{margin-bottom:20px}
	#company .h_group .tit1{margin-bottom:6px}
	#company .h_group .lead{font-size:.75rem;line-height:1.5}
	.sec_company{margin-bottom:50px}
	.lst_company .item, .lst_company .cnt{padding:10px 0;font-size:.813rem}
	.lst_company .item{padding-left:0;width:34.5%}
	.lst_company .cnt{width:65.5%}
	
	/* SMART PHONE - contact page css */
	#contact #content{padding:50px 15px}
	.sec_contact .h_group, .sec_confirm .tit1{margin:0 15px 36px}
	.sec_contact .h_group .tit1{margin-bottom:6px}
	.sec_contact .h_group .lead{font-size:.75rem;line-height:1.5}
	.sec_contact{margin-bottom:50px}
	.lst_contact{margin-bottom:30px}
	.lst_contact.s1 .item, .lst_contact.s1 .cnt{padding-top:10px;padding-bottom:10px}
	.lst_contact.s1 .item{width:34.5%}
	.lst_contact.s1 .cnt{width:65.5%;font-size:.813rem}
	.lst_contact.s1 .tit{font-size:.813rem}
	.lst_contact.s2{display:block}
	.lst_contact.s2 li{display:block}
	.lst_contact.s2 .item, .lst_contact.s2 .cnt{display:block;padding:10px 0;width:100%}
	.lst_contact.s2 .item{border-bottom:none}
	.lst_contact.s2 .tit{font-size:.813rem}
	.lst_contact.s2 .cnt{padding-top:0;font-size:.813rem}
	.lst_contact.s2 .ess{font-size:11px}
	.input_txt, .txa1, .sel_opt1{height:35px;padding:5px;font-size:.813rem}
	.txa1{height:100px}
	.input_rd{margin:0 8px 1px 0}
	.input_txt.type1, .sel_opt1.type1{width:100%}
	.input_txt.type2{width:100%}
	.contact_form .group_rd1{padding:0 20px 0 0}
	.contact_form .recaptcha_wrap{margin-bottom:30px}
	#contact #content .btn_area a{overflow:hidden;display:block;margin:0 auto;width:233px}
	#contact #content .btn_area a:first-child{margin-bottom:10px !important}
	.btn_confirm .tx{margin-left:26px;width:178px}
	.btn_confirm .arr{margin:20px 15px 0 0;width:14px;height:9px}
	.btn_confirm .arr:before{width:14px}
	.btn_confirm .arr:after{right:-2px;top:4px;width:9px}
	.btn_cancel .tx{display:block;line-height:54px}
	.bx_thankyou{margin:0 15px 30px;font-size:.813rem;line-height:1.6}
	.bx_thankyou p{padding:55px 15px}
	
    /* SMART PHONE - signage page css 木内追加　*/
    #signage #content{padding:50px 0 20px}
	#signage #content .inner_static{margin:0 15px}
    #signage_header .bx_start{margin-bottom:26px}
    #signage_header .bx_start .lead{padding:5px 0;font-size:1.125rem}
    .intro_signage{display:block;margin-bottom:45px}
    .intro_signage li{margin-right:0;margin-bottom:15px;width:auto}
	.intro_signage li:nth-child(2){margin-right:0;margin-left:0}
	.intro_signage .tit{margin-bottom:10px;font-size:1rem}
	.intro_signage .cnt{padding:5px 0;font-size:.875rem;line-height:28px;}
	.intro_signage .cnt strong{font-size:1.125rem;line-height:28px}
	.tit_signage{margin-bottom:26px;font-size:1.5rem}
	.tit_signage.type2{margin-bottom:18px}
	.tit_signage.type3{margin-bottom:16px}
	.sec_signage1{margin-bottom:45px}
	.arti_signage{display:block;margin-bottom:40px}
	.arti_signage .image_wrap{overflow:hidden;width:calc(100% - 13px)}
	.arti_signage .cnt_wrap{margin:0 30px;width:auto}
	.arti_signage.type2 .cnt_wrap{margin-top:0}
	.arti_signage.type3 .cnt_wrap{margin-top:0}
	.arti_signage.type4 .cnt_wrap{margin-top:0}
	.arti_signage.type2 .lead{line-height:1.5}
	.arti_signage .cnt_wrap .cnt{float:none;margin-left:0;max-width:100%;font-size:.813rem;}
	.arti_signage .cnt_wrap .tit{padding:25px 0 22px;font-size:1.188rem;}
	.arti_signage .cnt_wrap .tit:after{left:-12px;bottom:auto;top:-23px;width:2px;height:45px;
		background:#5fc3e5;
		background:-moz-linear-gradient(top, #5fc3e5 0%, #8ee5b1 100%);
		background:-webkit-linear-gradient(top, #5fc3e5 0%,#8ee5b1 100%);
		background:linear-gradient(to bottom, #5fc3e5 0%,#8ee5b1 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc3e5', endColorstr='#8ee5b1',GradientType=0 );

	}
	.arti_signage .lead{margin-bottom:20px;width:100%;font-size:.813rem;line-height:1.65}
	.arti_signage:nth-child(odd) .image_wrap img{float:none}
	.arti_signage:nth-child(odd) .cnt{float:none;margin-right:0}
	.arti_signage:nth-child(odd) .cnt_wrap .tit:after{left:-12px;right:auto}
	.sec_signage2{margin-bottom:35px}
	.sec_signage2 .lead1, .sec_campaign2 .lead2{font-size:.875rem;line-height:1.5}
	.sec_signage2 .lead1{margin-bottom:15px}
	.sec_signage2 .lead2{margin-bottom:26px}
	.highlight:after{left:-3px;bottom:3px;padding:0 3px;height:3px;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px
	}
	.bx_signage1, .bx_signage2{margin:0 auto 28px;padding-bottom:28px;width:auto}
	.bx_signage1:after, .bx_signage2:after{margin-left:-11px;width:22px;height:29px;
		background-size:auto 29px;
		-webkit-background-size:auto 29px;
		-moz-background-size:auto 29px
	}
	.bx_signage1 p, .bx_signage2 p{padding:12px 24px;line-height:1.8;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px
	}
	.bx_signage2 p{padding:12px 24px}
	.sec_signage2 .lead3{margin-bottom:30px}
	.sec_signage2 .lead3 .emp1{margin-bottom:14px;font-size:1rem}
	.sec_signage2 .lead3 .emp2{margin-bottom:14px;font-size:1.125rem}
	.sec_signage2 .image{padding:0 0 23px}
	.sec_signage2 .lead4{font-size:1rem}

	/* SMART PHONE - campaign page css */
	#campaign #content{padding:50px 0 20px}
    #campaign_header .bx_start{margin-bottom:26px}
    #campaign_header .bx_start .lead{padding:5px 0;font-size:1.125rem}
	.sub #cmp_spot {background: no-repeat center center / cover;}
    .intro_campaign ul{display:block;margin-bottom:10px}
    .intro_campaign li{margin-right:auto;margin-left:auto;margin-bottom:  20px;width:95%}
    .intro_campaign p{max-width:95%;margin-left: auto;margin-right: auto}
	.intro_campaign .tit{margin-bottom:10px;font-size:1rem}
	.intro_campaign .cnt{padding:5px 0;font-size:.875rem;line-height:28px;}
	.intro_campaign .cnt strong{font-size:1.125rem;line-height:28px}
	.tit_campaign{margin-bottom:26px;font-size:1.5rem}
	.tit_campaign.type2{margin-bottom:18px}
	.tit_campaign.type3{margin-bottom:16px}

	.sec_campaign1{margin-bottom:45px}
	.arti_campaign{display:block;margin-bottom:40px}
	.arti_campaign .image_wrap{overflow:hidden;width:calc(100% - 13px)}
	.arti_campaign .cnt_wrap{margin:0 30px;width:auto}
	.arti_campaign.type2 .cnt_wrap{margin-top:0}
	.arti_campaign.type3 .cnt_wrap{margin-top:0}
	.arti_campaign.type4 .cnt_wrap{margin-top:0}
	.arti_campaign.type2 .lead{line-height:1.5}
	.arti_campaign .cnt_wrap .cnt{float:none;margin-left:0;max-width:100%;font-size:.813rem;}
	.arti_campaign .cnt_wrap .tit{padding:25px 0 22px;font-size:1.188rem;}
	.arti_campaign .cnt_wrap .tit:after{left:-12px;bottom:auto;top:-23px;width:2px;height:45px;
		background:#5fc3e5;
		background:-moz-linear-gradient(top, #5fc3e5 0%, #8ee5b1 100%);
		background:-webkit-linear-gradient(top, #5fc3e5 0%,#8ee5b1 100%);
		background:linear-gradient(to bottom, #5fc3e5 0%,#8ee5b1 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc3e5', endColorstr='#8ee5b1',GradientType=0 );

	}
	.arti_campaign .lead{margin-bottom:20px;width:100%;font-size:.813rem;line-height:1.65}
	.arti_campaign:nth-child(odd) .image_wrap img{float:none}
	.arti_campaign:nth-child(odd) .cnt{float:none;margin-right:0}
	.arti_campaign:nth-child(odd) .cnt_wrap .tit:after{left:-12px;right:auto}
	.sec_campaign2{margin-bottom:35px}
	.sec_campaign2 .lead1, .sec_campaign2 .lead2{font-size:.875rem;line-height:1.5}
	.sec_campaign2 .lead1{margin-bottom:15px}
	.sec_campaign2 .lead2{margin-bottom:26px}
	.highlight:after{left:-3px;bottom:3px;padding:0 3px;height:3px;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px
	}
	.bx_campaign1, .bx_campaign2{margin:0 auto 28px;padding-bottom:28px;width:auto}
	.bx_campaign1:after, .bx_campaign2:after{margin-left:-11px;width:22px;height:29px;
		background-size:auto 29px;
		-webkit-background-size:auto 29px;
		-moz-background-size:auto 29px
	}
	.bx_campaign1 p, .bx_campaign2 p{padding:12px 24px;line-height:1.8;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px
	}
	.bx_campaign2 p{padding:12px 24px}
	.sec_campaign2 .lead3{margin-bottom:30px}
	.sec_campaign2 .lead3 .emp1{margin-bottom:14px;font-size:1rem}
	.sec_campaign2 .lead3 .emp2{margin-bottom:14px;font-size:1.125rem}
	.sec_campaign2 .image{padding:0 0 23px}
	.sec_campaign2 .lead4{font-size:1rem}

	/* 20211111宇野追記 トップページナビゲーションを動画に乗せる
=======================================================================*/

.pnb{position:absolute;right:50px;bottom:24px}
.pnb li{display: block; margin-bottom:16px;text-align:right;line-height:2}
.pnb li:last-child{margin-bottom:0}
.pnb a{color:#fff;font-size:.938;opacity:.6;right:50px;bottom:24px}
.pnb a:link{right:50px;bottom:24px}
.pnb a:hover {opacity:1;transition:all 0.5s linear}

/* 20211111追記ここまで 
=======================================================================*/

	}
	/*.sub #spot .inner_static_campaign{padding-top:0px;height:680px;max-width:1180px}
*/
@media print ,screen and (max-width:375px){
		#f_contact .tit{font-size:1.313rem;letter-spacing:0}
		#f_contact .lead{margin-left:10px;line-height:1.2}

		/* 20211111宇野追記 トップページナビゲーションを動画に乗せる
=======================================================================*/

.pnb{position:absolute;right:50px;bottom:24px}
.pnb li{margin-bottom:16px;text-align:right;line-height:2}
.pnb li:last-child{margin-bottom:0}
.pnb a{color:#fff;font-size:.938;opacity:.6;right:50px;bottom:24px}
.pnb a:hover {opacity:1;transition:all 0.5s linear}

/* 20211111追記ここまで 
=======================================================================*/
	}

.alert_msg{display:none;color:red;padding:5px 10px 0 0}
.alert_show{display:block}


/* ファイル更新記録
日付　　　作業者　　　内容
20220111 宇野　internet.htmlおよびcampaign.html コンテンツ部分がページ左に寄っているのを要素内センターに修正
=======================================================================*/