


<!DOCTYPE html>
<html lang="ja"
	itemscope 
	itemtype="http://schema.org/WebSite" 
	prefix="og: http://ogp.me/ns#" >
<head>
	
	
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="http://188.jp/188_jp_2/xmlrpc.php">
<link rel='stylesheet' id='hanne-main-theme-style-css'  href='http://188.jp/188_jp_2/wp-content/themes/new.css' type='text/css' media='all' />
    <title>株式会社188</title>

<!-- All in One SEO Pack 2.7.3 by Michael Torbert of Semper Fi Web Design[500,632] -->
<meta name="description"  content="株式会社188 | ｢好きなひとしかできませんし、好きなことしかできません｣の志のもと、遊び心と徹底したプロ意識で、各種広告物のコンセプト立案からグラフィックデザイン、コピーワーク、ＷＥＢサイトのシステムデザインまで幅広く手がけています。" />

<meta name="keywords"  content="デザイン,グラフィック,ポスター,チラシ,フライヤー,web" />

<link rel="canonical" href="http://188.jp/188_jp_2/" />
<meta property="og:title" content="株式会社188" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://188.jp/188_jp_2/" />
<meta property="og:image" content="http://188.jp/188_jp_2/wp-content/uploads/2018/01/188_enter.png" />
<meta property="og:site_name" content="株式会社188" />
<meta property="og:description" content="｢好きなひとしかできませんし、好きなことしかできません｣の志のもと、遊び心と徹底したプロ意識で、各種広告物のコンセプト立案からグラフィックデザイン、コピーワーク、ＷＥＢサイトのシステムデザインまで幅広く手がけています。" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="株式会社188" />
<meta name="twitter:description" content="｢好きなひとしかできませんし、好きなことしかできません｣の志のもと、遊び心と徹底したプロ意識で、各種広告物のコンセプト立案からグラフィックデザイン、コピーワーク、ＷＥＢサイトのシステムデザインまで幅広く手がけています。" />
<meta name="twitter:image" content="http://188.jp/188_jp_2/wp-content/uploads/2018/01/188_enter.png" />
<meta itemprop="image" content="http://188.jp/188_jp_2/wp-content/uploads/2018/01/188_enter.png" />
<!-- /all in one seo pack -->
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="株式会社188 &raquo; フィード" href="http://188.jp/188_jp_2/feed/" />
<link rel="alternate" type="application/rss+xml" title="株式会社188 &raquo; コメントフィード" href="http://188.jp/188_jp_2/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="株式会社188 &raquo; フロントページ のコメントのフィード" href="http://188.jp/188_jp_2/sample-page/feed/" />
<link rel='stylesheet' id='tcd-maps-css'  href='http://188.jp/188_jp_2/wp-content/plugins/tcd-google-maps/admin.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='hanne-style-css'  href='http://188.jp/188_jp_2/wp-content/themes/hanne/style.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='hanne-title-font-css'  href='//fonts.googleapis.com/css?family=Nunito%3A100%2C300%2C400%2C700&#038;ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='hanne-body-font-css'  href='//fonts.googleapis.com/css?family=Alegreya%3A100%2C300%2C400%2C700&#038;ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css'  href='http://188.jp/188_jp_2/wp-content/themes/hanne/assets/font-awesome/css/font-awesome.min.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='nivo-slider-css'  href='http://188.jp/188_jp_2/wp-content/themes/hanne/assets/css/nivo-slider.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='nivo-skin-css'  href='http://188.jp/188_jp_2/wp-content/themes/hanne/assets/css/nivo-default/default.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css'  href='http://188.jp/188_jp_2/wp-content/themes/hanne/assets/bootstrap/css/bootstrap.min.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='hover-style-css'  href='http://188.jp/188_jp_2/wp-content/themes/hanne/assets/css/hover.min.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='hanne-main-theme-style-css'  href='http://188.jp/188_jp_2/wp-content/themes/hanne/assets/theme-styles/css/default.css?ver=4.9.1' type='text/css' media='all' />
<style id='hanne-main-theme-style-inline-css' type='text/css'>
#primary-mono .entry-header { display:none; }
                            #content{margin-top:0px; padding-top:0px;}
            #masthead #site-logo img { transform-origin: left; }#social-search .searchform:before { border-left-color: #ffffff }#social-search .searchform, #social-search .searchform:after { background: #ffffff }.title-font, h1, h2 { font-family: ; }body { font-family: ; }#masthead h1.site-title a { color: #blank; }#masthead h2.site-description { color: #000; }#masthead .site-branding #text-title-desc { display: none; }#primary-mono .entry-content{ font-size:14px;}
</style>
<link rel='stylesheet' id='tf-compiled-options-mobmenu-css'  href='http://188.jp/188_jp_2/wp-content/uploads/titan-framework-mobmenu-css.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='tf-google-webfont-dosis-css'  href='//fonts.googleapis.com/css?family=Dosis%3Ainherit%2C400&#038;subset=latin%2Clatin-ext&#038;ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='cssmobmenu-icons-css'  href='http://188.jp/188_jp_2/wp-content/plugins/mobile-menu/includes/css/mobmenu-icons.css?ver=4.9.1' type='text/css' media='all' />
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-content/themes/hanne/js/jquery-scrolltofixed-min.js?ver=4.9.1'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-content/plugins/mobile-menu/includes/js/mobmenu.js?ver=4.9.1'></script>
<link rel='https://api.w.org/' href='http://188.jp/188_jp_2/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://188.jp/188_jp_2/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://188.jp/188_jp_2/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.9.1" />
<link rel='shortlink' href='http://188.jp/188_jp_2/' />
<link rel="alternate" type="application/json+oembed" href="http://188.jp/188_jp_2/wp-json/oembed/1.0/embed?url=http%3A%2F%2F188.jp%2F188_jp_2%2F" />
<link rel="alternate" type="text/xml+oembed" href="http://188.jp/188_jp_2/wp-json/oembed/1.0/embed?url=http%3A%2F%2F188.jp%2F188_jp_2%2F&#038;format=xml" />
		<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
			<style>
	#masthead {
			background-image: url();
			background-size: cover;
			background-position-x: center;
			background-repeat: no-repeat;
		}
	</style>	
	
	<style>

	/* Hide WP Mobile Menu outside the width of trigger */
	@media only screen and (min-width:995px) {
		
		.mob_menu, .mob_menu_left_panel, .mob_menu_right_panel, .mobmenu {
			display: none!important;
		}
		
	}

	/* Our css Custom Options values */
	@media only screen and (max-width:995px) {
		.main-navigation {
			display:none !important;
		}
	
					
			.mob-menu-logo-holder {
				display: none;
			}	
		
		 .mob-menu-slideout  .mob-cancel-button{
			display: none;
		 }

		.mobmenu, .mob-menu-left-panel, .mob-menu-right-panel {
			display: block;
		}	
		.mobmenur-container i {
			color: #828282;
		}
		.mobmenul-container i {
			color: #222;
		}
		.mobmenul-container img {
			max-height:  40px;
			float: left;
		}
			.mobmenur-container img {
			max-height:  40px;
			float: right;
		}
		#mobmenuleft li a , #mobmenuleft li a:visited {
			color: #222;

		}
		.mobmenu_content h2, .mobmenu_content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
			color: #222;
		}

		.mobmenu_content #mobmenuleft li:hover, .mobmenu_content #mobmenuright li:hover  {
			background-color: #a3d3e8;
		}

		.mobmenu_content #mobmenuright li:hover  {
			background-color: #75bf39;
		}
		
		.mobmenu_content #mobmenuleft .sub-menu {
			background-color: #eff1f1;
			margin: 0;
			color: #222;
			width: 100%;
			position: initial;
		}

		.mob-menu-left-bg-holder {
						opacity: 1;
			background-attachment: fixed ;
			background-position: center top ;
			-webkit-background-size:  cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		.mob-menu-right-bg-holder { 
						opacity: 1;
			background-attachment: fixed ;
			background-position: center top ;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size:  cover;
		}

		.mobmenu_content #mobmenuleft .sub-menu a {
			color: #222;
		}

		.mobmenu_content #mobmenuright .sub-menu  a{
			color: #222;
		}
		.mobmenu_content #mobmenuright .sub-menu .sub-menu {
			background-color: inherit;
		}

		.mobmenu_content #mobmenuright .sub-menu  {
			background-color: #eff1f1;
			margin: 0;
			color: #222 ;
			position: initial;
			width: 100%;
		}

		#mobmenuleft li a:hover {
			color: #fff ;

		}
		
		#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
			color: #222;
		}

		#mobmenuright li a:hover {
			color: #fff;
		}

		.mobmenul-container {
			top: 5px;
			margin-left: 5px;
		}

		.mobmenur-container {
			top: 5px;
			margin-right: 5px;
		}
			
		/* 2nd Level Menu Items Padding */
		.mobmenu .sub-menu li a {
			padding-left: 50px;
		}
			
		/* 3rd Level Menu Items Padding */
		.mobmenu .sub-menu .sub-menu li a {
			padding-left: 75px;
		}

		
		.mob-menu-logo-holder {
			padding-top: 11px;
			text-align: center;
			;
			;
		}

		.mob-menu-header-holder {

			background-color: transparent;
			height: 40px;
			width: 100%;
			font-weight:bold;
			position:fixed;
			top:0px;	
			right: 0px;
			z-index: 99998;
			color:#000;
			display: block;
		}

		.mobmenu-push-wrap {
			padding-top: 0px;
		}
				.mob-menu-slideout 	.mob-menu-left-panel {
			background-color:#f9f9f9;;
			width: 270px;
			-webkit-transform: translateX(-270px);
			-moz-transform: translateX(-270px);
			-ms-transform: translateX(-270px);
			-o-transform: translateX(-270px);
			transform: translateX(-270px);
		}

		.mob-menu-slideout .mob-menu-right-panel {
			background-color:#f9f9f9;			width: 270px; 
			-webkit-transform: translateX( 270px );
			-moz-transform: translateX( 270px );
			-ms-transform: translateX( 270px );
			-o-transform: translateX( 270px );
			transform: translateX( 270px );
		}

		/* Will animate the content to the right 275px revealing the hidden nav */
		.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {

			-webkit-transform: translate(270px, 0);
			-moz-transform: translate(270px, 0);
			-ms-transform: translate(270px, 0);
			-o-transform: translate(270px, 0);
			transform: translate(270px, 0);
			-webkit-transform: translate3d(270px, 0, 0);
			-moz-transform: translate3d(270px, 0, 0);
			-ms-transform: translate3d(270px, 0, 0);
			-o-transform: translate3d(270px, 0, 0);
			transform: translate3d(270px, 0, 0);
		}

		.mob-menu-slideout.show-nav-right .mobmenu-push-wrap , .mob-menu-slideout.show-nav-right .mob-menu-header-holder {

			-webkit-transform: translate(-270px, 0);
			-moz-transform: translate(-270px, 0);
			-ms-transform: translate(-270px, 0);
			-o-transform: translate(-270px, 0);
			transform: translate(-270px, 0);

			-webkit-transform: translate3d(-270px, 0, 0);
			-moz-transform: translate3d(-270px, 0, 0);
			-ms-transform: translate3d(-270px, 0, 0);
			-o-transform: translate3d(-270px, 0, 0);
			transform: translate3d(-270px, 0, 0);
		}


		/* Mobmenu Slide Over */
		.mobmenu-overlay {
			opacity: 0;
		}
		.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay {
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.83);
			z-index: 99999;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 1;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			transition: .5s ease;
			position: fixed;
		}

		.mob-menu-slideout-over .mob-menu-left-panel {
			display: block!important;
			background-color:#f9f9f9;;
			width: 270px;
			-webkit-transform: translateX(-270px);
			-moz-transform: translateX(-270px);
			-ms-transform: translateX(-270px);
			-o-transform: translateX(-270px);
			transform: translateX(-270px);
			-webkit-transition: -webkit-transform .5s;
			-moz-transition: -moz-transform .5s;
			-ms-transition: -ms-transform .5s;
			-o-transition: -o-transform .5s;
			transition: transform .5s;
		}

		.mob-menu-slideout-over .mob-menu-right-panel {
			display: block!important;
			background-color:#f9f9f9;;
			width:  270px;
			-webkit-transform: translateX(270px);
			-moz-transform: translateX(270px);
			-ms-transform: translateX(270px);
			-o-transform: translateX(270px);
			transform: translateX(270px);
			-webkit-transition: -webkit-transform .5s;
			-moz-transition: -moz-transform .5s;
			-ms-transition: -ms-transform .5s;
			-o-transition: -o-transform .5s;
			transition: transform .5s;
		}

		.mob-menu-slideout-over.show-nav-left .mob-menu-left-panel {
			display: block!important;
			background-color:#f9f9f9;;
			width:  270px;
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
			-webkit-transition: -webkit-transform .5s;
			-moz-transition: -moz-transform .5s;
			-ms-transition: -ms-transform .5s;
			-o-transition: -o-transform .5s;
			transition: transform .5s;
		}

		.show-nav-right.mob-menu-slideout-over .mob-menu-right-panel {
			display: block!important;
			background-color:#f9f9f9;			width:  270px;
			-webkit-transform: translateX( 0 );
			-moz-transform: translateX( 0 );
			-ms-transform: translateX( 0 );
			-o-transform: translateX(0 );
			transform: translateX( 0 );
		}

		/* Hides everything pushed outside of it */
		.mob-menu-slideout .mob-menu-left-panel, .mob-menu-slideout-over .mob-menu-left-panel  {
			position: fixed;
			top: 0;
			height: 100%;
			z-index: 300000;
			overflow-y: auto;   
			overflow-x: hidden;
			opacity: 1;
		}   
		

		.mob-menu-slideout .mob-menu-right-panel, .mob-menu-slideout-over .mob-menu-right-panel {
			position: fixed;
			top: 0;
			right: 0;
			height: 100%;
			z-index: 300000;
			overflow-y: auto;   
			overflow-x: hidden;
			opacity: 1;
	
		}   
		
		/*End of Mobmenu Slide Over */
  
		.mobmenu .headertext { 
			color: #222;
		}

		.headertext span { 
			position: initial;
			line-height: 40px;
		}

				
		/* Adds a transition and the resting translate state */
		.mob-menu-slideout .mobmenu-push-wrap, .mob-menu-slideout .mob-menu-header-holder {
			
			-webkit-transition: all 300ms ease 0;
			-moz-transition: all 300ms ease 0;
			-o-transition: all 300ms ease 0;
			transition: all 300ms ease 0;

			-webkit-transform: translate(0, 0);
			-moz-transform: translate(0, 0);
			-ms-transform: translate(0, 0);
			-o-transform: translate(0, 0);
			transform: translate(0, 0);

			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);

			-webkit-transition: -webkit-transform .5s;
			-moz-transition: -moz-transform .5s;
			-ms-transition: -ms-transform .5s;
			-o-transition: -o-transform .5s;
			transition: transform .5s;
		}

		/* Mobile Menu Frontend CSS Style*/
		html, body {
			overflow-x: hidden;
		}

		/* Hides everything pushed outside of it */
		.mob-menu-slideout .mob-menu-left-panel {
			position: fixed;
			top: 0;
			height: 100%;
			z-index: 300000;
			overflow-y: auto;   
			overflow-x: hidden;
			opacity: 1;
			-webkit-transition: -webkit-transform .5s;
			-moz-transition: -moz-transform .5s;
			-ms-transition: -ms-transform .5s;
			-o-transition: -o-transform .5s;
			transition: transform .5s;
		}   

		.mob-menu-slideout.show-nav-left .mob-menu-left-panel {
			transition: transform .5s;
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
		}

		body.admin-bar .mobmenu {
			top: 32px;
		}

		@media screen and ( max-width: 782px ){
			body.admin-bar .mobmenu {
				top: 46px;   
			}
		}

		.mob-menu-slideout .mob-menu-right-panel {
			position: fixed;
			top: 0;
			right: 0;
			height: 100%;
			z-index: 300000;
			overflow-y: auto;   
			overflow-x: hidden;
			opacity: 1;
			-webkit-transition: -webkit-transform .5s;
			-moz-transition: -moz-transform .5s;
			-ms-transition: -ms-transform .5s;
			-o-transition: -o-transform .5s;
			transition: transform .5s;
		}   

		.mob-menu-slideout.show-nav-right .mob-menu-right-panel {
			transition: transform .5s;
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
		}

		.show-nav-left .mobmenu-push-wrap {
			height: 100%;
		}

		/* Will animate the content to the right 275px revealing the hidden nav */
		.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .show-nav-left .mob-menu-header-holder {
			-webkit-transition: -webkit-transform .5s;
			-moz-transition: -moz-transform .5s;
			-ms-transition: -ms-transform .5s;
			-o-transition: -o-transform .5s;
			transition: transform .5s;
		}

		.show-nav-right .mobmenu-push-wrap {
			height: 100%;
		}

		/* Will animate the content to the right 275px revealing the hidden nav */
		.mob-menu-slideout.show-nav-right .mobmenu-push-wrap , .mob-menu-slideout.show-nav-right .mob-menu-header-holder{  
			-webkit-transition: -webkit-transform .5s;
			-moz-transition: -moz-transform .5s;
			-ms-transition: -ms-transform .5s;
			-o-transition: -o-transform .5s;
			transition: transform .5s;
		}

		.widget img {
			max-width: 100%; 
		}

		#mobmenuleft, #mobmenuright {
			margin: 0;
			padding: 0;
		}

		#mobmenuleft li > ul {
			display:none;
			left: 15px;
		}
		
		.mob-expand-submenu {
			position: relative;
			right: 0px;
			float: right;
			margin-top: -50px;
		}

		.mob-expand-submenu i {
			padding: 12px;
		}

		#mobmenuright  li > ul {
			display:none;
			left: 15px;
		}

		.rightmbottom, .rightmtop {
			padding-left: 10px;
			padding-right: 10px;
		}

		.mobmenu_content {
			z-index: 1;
			height: 100%;
			overflow: auto;
		}
		
		.mobmenu_content li a {
			display: block;
			font-family: "Open Sans";
			letter-spacing: 1px;
			padding: 10px 20px;
			text-decoration: none;
			font-size: 14px;
		}

		.mobmenu_content li {
			list-style: none;
		}
		.mob-menu-left-panel li, .leftmbottom, .leftmtop{
			padding-left: 0%;
			padding-right: 0%;
		}

		.mob-menu-right-panel li, .rightmbottom, .rightmtop{
			padding-left: 0%;
			padding-right: 0%;
		}

		.mob-menu-slideout .mob_menu_left_panel_anim {
			-webkit-transition: all .30s ease-in-out !important;
			transition: all .30s ease-in-out !important;
			transform: translate(0px) !important;
			-ms-transform: translate(0px) !important;
			-webkit-transform: translate(0px) !important;
		}

		.mob-menu-slideout .mob_menu_right_panel_anim {
			-webkit-transition: all .30s ease-in-out !important;
			transition: all .30s ease-in-out !important;
			transform: translate(0px) !important;
			-ms-transform: translate(0px) !important;
			-webkit-transform: translate(0px) !important;
		}

		.mobmenul-container {
			position: absolute;
		}

		.mobmenur-container {
			position: absolute;
			right: 0px; 
		} 

		.mob-menu-slideout .mob_menu_left_panel {
			width: 230px;
			height: 100%;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: 99999999;
			transform: translate(-230px);
			-ms-transform: translate(-230px);
			-webkit-transform: translate(-230px);
			transition: all .30s ease-in-out !important;
			-webkit-transition: all .30s ease-in-out !important;
			overflow:hidden;
		}  

		.leftmbottom h2 {
			font-weight: bold;
			background-color: transparent;
			color: inherit;
		}
		
		.mobmenu .mob-cancel-button, .show-nav-left .mobmenu .mob-menu-icon, .show-nav-right .mobmenu .mob-menu-icon, .mob-menu-slideout-over.show-nav-left .mobmenur-container, .mob-menu-slideout-over.show-nav-right .mobmenul-container  {
			display:none;
		}
		
		.show-nav-left .mobmenu .mob-cancel-button,  .mobmenu .mob-menu-icon, .show-nav-right .mobmenu .mob-cancel-button {
			display:block;
		}

		.mobmenul-container i {
			line-height: 30px;
			font-size: 30px;
			float: left;
		}
		.left-menu-icon-text {
			float: left;
			line-height: 30px;
			color: #222;
		}

		.right-menu-icon-text {
			float: right;
			line-height: 30px;
			color: #222;
		}
		
		.mobmenur-container i {
			line-height: 30px;
			font-size: 30px;
			float: right;
		}
		
		.mobmenu_content .widget {
			padding-bottom: 0px;
			padding: 20px;
		}
		
		.mobmenu input[type="text"]:focus, .mobmenu input[type="email"]:focus, .mobmenu textarea:focus, .mobmenu input[type="tel"]:focus, .mobmenu input[type="number"]:focus {
			border-color: rgba(0, 0, 0, 0)!important;
		}	

		.mob-expand-submenu i {
			padding: 12px;
			top: 10px;
			position: relative;
			font-weight: 600;
			cursor: pointer;
		}

		.nav, .main-navigation, .genesis-nav-menu, .hide {
			display: none!important;
		}

		.mob-menu-left-bg-holder, .mob-menu-right-bg-holder {
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: -50;
			background-repeat: no-repeat;
			top: 0;
			left: 0;
		}
		
		.mobmenu_content .sub-menu {
			display: none;
		}

		.mob-standard-logo {
			display: inline-block;
			height:40px;		}

		.mob-retina-logo {
			height:40px;		}
	}

	</style>

		<style type="text/css" id="wp-custom-css">
			.new-logo img {
	width: 350px;
}
.new-logo {
	float: left;
	margin: 30px 0 0 -15px ;
}
.logo_box {
	width: 1030px;
	height: 110px;
	margin: 0 auto;
}
.works_list a {
	color: #666666;
		-webkit-transition: 0.3s ease-in-out; 
	transition: 0.3s ease-in-out;  
}
.works_list a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.staff_name {
	font-size: 30px	;
}
.staff_text {
	line-height: 150%;
}
#new_navi li a{
	color: #222;
			-webkit-transition: 0.2s ease-in-out; 
	transition: 0.2s ease-in-out;  
}
#new_navi li a:hover{
	color: #999;
	 opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
#new_navi li {
	list-style:none;
	display: inline-block;
	margin: 90px 0 0 0;
		padding: 0 14px	;

}
#new_navi ul {
}
.new-main-navigation{
	width: 1030px;
	text-align: right;
	text-transform:uppercase;
	font-size: 11.5px;
	letter-spacing: 1px;
	font-weight: bolder;
}
.new-entry-title {
	text-transform:uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: bolder;
}
.top-text {
	text-align:center;
	font-size:15px;
	letter-spacing:1px;
	color:#666;
}

@media screen and (max-width: 1199px) {
.logo_box {
	width: 900px;
}
	.new-main-navigation{
	width: 100%;
	font-size: 11px;
}
	#new_navi li {
	padding: 0 10px	;
}
	.new-logo img {
	width: 300px;
}
	.new-logo {
	margin: 40px 0 0 -15px ;
}
	.top-text {
	font-size:14px;
}
}

@media screen and (max-width: 991px) {
	.logo_box {
	width: 700px;
}
	#new_navi {
		display:none;
}
		.new-logo img {
	width: 350px;
}
	.new-logo {
	margin: 30px 0 0 -15px ;
}
		.top-text {
	text-align: left;
	font-size:15px;
}
		.top-text br {
	display: none;
}
}

@media screen and (max-width: 767px) {
		.logo_box {
	max-height: 80px;
}
		.new-logo img {
	width: 280px;
}
	.new-logo {
	margin: 14px 0 0 10px ;
}
		.top-text  {
	text-align: left;
	font-size: 14px;
	letter-spacing: 0px;
}

}



		</style>
	</head>

<body class="home page-template-default page page-id-2 wp-custom-logo sidebar-disabled mob-menu-slideout-over">
<div id="page" class="hfeed site">
	<a class="skip-link screen-reader-text" href="#content">コンテンツへスキップ</a>
    <div id="jumbosearch">
    <span class="fa fa-remove closeicon"></span>
    <div class="form">
        <form role="search" method="get" class="search-form" action="http://188.jp/188_jp_2/">
				<label>
					<span class="screen-reader-text">検索:</span>
					<input type="search" class="search-field" placeholder="検索 &hellip;" value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="検索" />
			</form>    </div>
</div>
	
	<header id="" class="" role="banner">

	<div class="logo_box">

        <div class="new-logo">
                                <a href="http://188.jp/188_jp_2/" class="custom-logo-link" rel="home" itemprop="url"><img width="500" height="128" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/logo_188.png" class="custom-logo" alt="株式会社188" itemprop="logo" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/logo_188.png 500w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/logo_188-300x77.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></a>            		</div>

<div class="new-main-navigation title-font">
<nav id="new_navi" role="navigation">
        <div class="menu-%e3%83%88%e3%83%83%e3%83%97%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container"><ul id="menu-%e3%83%88%e3%83%83%e3%83%97%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc" class="menu"><li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://188.jp/188_jp_2/about/"></i>about</a></li>
<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://188.jp/188_jp_2/works/"></i>works</a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://188.jp/188_jp_2/action-2/"></i>action</a></li>
<li id="menu-item-31" class="menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="https://gakuazuma.stores.jp/"></i>web shop</a></li>
<li id="menu-item-32" class="menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="http://188.jp/cdg/top.html"></i>gallery</a></li>
<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://188.jp/188_jp_2/staff/"></i>staff</a></li>
<li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page"><a target="_blank" href="https://forms.gle/sWhsvNUM3NU9dUxn8#new_tab"></i>contact</a></li>
</ul></div></nav><!-- #site-navigation -->
</div>

	</div>

</header><!-- #masthead -->



		
	
	
<div class="featposts container-fluid">
	
		
								 	
						
				<article id="post-2477" class="item col-md-4 col-xs-12 col-sm-4 post-2477 post type-post status-publish format-link has-post-thumbnail hentry category-1 post_format-post-format-link">
					<div class="item-container">
								
								<a href="http://188.jp/188_jp_2/activity/gakuazuma_parco/"><img width="600" height="600" src="http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_06-600x600.jpg" class="attachment-hanne-thumb size-hanne-thumb wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_06-600x600.jpg 600w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_06-150x150.jpg 150w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_06-300x300.jpg 300w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_06-768x768.jpg 768w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_06-1024x1024.jpg 1024w" sizes="(max-width: 600px) 100vw, 600px" /></a>
												
					</div>		
					
					<div class="post-title-parent">
						<a class="post-title" href="http://188.jp/188_jp_2/activity/gakuazuma_parco/">gakuazuma 濃厚POP-UP SHOP 冬の陣</a>
					</div>
						
				</article><!-- #post-## -->
					
				 	
						
				<article id="post-2474" class="item col-md-4 col-xs-12 col-sm-4 post-2474 post type-post status-publish format-link has-post-thumbnail hentry category-1 post_format-post-format-link">
					<div class="item-container">
								
								<a href="http://188.jp/188_jp_2/activity/gakuazuma_parco/"><img width="600" height="600" src="http://188.jp/188_jp_2/wp-content/uploads/2021/11/skiima_visual_01-600x600.jpg" class="attachment-hanne-thumb size-hanne-thumb wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2021/11/skiima_visual_01-600x600.jpg 600w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/skiima_visual_01-150x150.jpg 150w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/skiima_visual_01-300x300.jpg 300w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/skiima_visual_01-768x768.jpg 768w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/skiima_visual_01-1024x1024.jpg 1024w" sizes="(max-width: 600px) 100vw, 600px" /></a>
												
					</div>		
					
					<div class="post-title-parent">
						<a class="post-title" href="http://188.jp/188_jp_2/activity/gakuazuma_parco/">12月のDRESS CODE feat.服飾作家SEN</a>
					</div>
						
				</article><!-- #post-## -->
					
				 	
						
				<article id="post-2008" class="item col-md-4 col-xs-12 col-sm-4 post-2008 post type-post status-publish format-link has-post-thumbnail hentry category-1 post_format-post-format-link">
					<div class="item-container">
								
								<a href="http://188.jp/gaku/hadae/book#new_tab"><img width="600" height="600" src="http://188.jp/188_jp_2/wp-content/uploads/2020/05/003.jpg" class="attachment-hanne-thumb size-hanne-thumb wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2020/05/003.jpg 600w, http://188.jp/188_jp_2/wp-content/uploads/2020/05/003-150x150.jpg 150w, http://188.jp/188_jp_2/wp-content/uploads/2020/05/003-300x300.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a>
												
					</div>		
					
					<div class="post-title-parent">
						<a class="post-title" href="http://188.jp/gaku/hadae/book#new_tab">ヤバすぎる「肌絵ヌード」<br>絵師・東學と180人の女性の共犯写真画集</a>
					</div>
						
				</article><!-- #post-## -->
					
					
			
</div>

    <!--front page builder start-->
<!--front page builder end-->    	
	<div class="mega-container">
	
		<div id="content" class="site-content container">
	<div id="primary-mono" class="content-area col-md-12 page">
		<main id="main" class="site-main" role="main">

			
				
<article id="post-2" class="post-2 page type-page status-publish hentry">
	<header class="entry-header">
		<h1 class="new-entry-title"><span>フロントページ</span></h1>	</header><!-- .entry-header -->

	<div class="entry-content">
		<p class="top-text">｢好きなひとしかできませんし、好きなことしかできません｣の志のもと、遊び心と徹底したプロ意識で、<span class="ichi"><br /><span>各種広告物のコンセプト立案からグラフィックデザイン、コピーワーク、WEBサイトのシステムデザインまで幅広く手がけています。</p>
<div class="su-spacer" style="height:20px"></div>
<div class="mobile-naka">
<div class="su-row">
<div class="su-column su-column-size-5-6 naka"><div class="su-column-inner su-clearfix">
<div class="mobile-naka">
<div class="su-posts su-posts-default-loop">
	
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/pac-strings%ef%bc%81%ef%bc%88%e3%83%91%e3%83%83%e3%82%af%ef%bd%a5%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%b0%e3%82%b9%ef%bc%89/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2022/04/pac73.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/04/pac73.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2022/04/pac73-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/pac-strings%ef%bc%81%ef%bc%88%e3%83%91%e3%83%83%e3%82%af%ef%bd%a5%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%b0%e3%82%b9%ef%bc%89/"><p><span>WORK  2022.6.19</span><br />
PAC STRINGS！（パック･ストリングス）兵庫芸術文化センター管弦楽団【室内楽シリーズ 73】PAC STRINGS！（パック･ストリングス）のフライヤーデザインを担当しました。</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e3%83%86%e3%83%ac%e3%83%93%e5%a4%a7%e9%98%aa%e3%80%8e%e3%82%84%e3%81%95%e3%81%97%e3%81%84%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9%e3%80%8f/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2022/04/yasashii_2022.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/04/yasashii_2022.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2022/04/yasashii_2022-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e3%83%86%e3%83%ac%e3%83%93%e5%a4%a7%e9%98%aa%e3%80%8e%e3%82%84%e3%81%95%e3%81%97%e3%81%84%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9%e3%80%8f/"><p><span>WORK  2022.4.11</span><br />
テレビ大阪『やさしいニュース』2022年春の番組リニューアルに合わせて新しいロゴデザインを担当させていただきました。</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/pac-percussion/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2022/04/pac72.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/04/pac72.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2022/04/pac72-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/pac-percussion/"><p><span>WORK  2022.4.11</span><br />
PAC PERCUSSION!（パック･パーカッション）兵庫芸術文化センター管弦楽団【室内楽シリーズ 72】PAC BRASS！（パック・パーカッション）のフライヤーデザインを担当しました。</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e3%80%8e%e3%83%9c%e3%82%af%e3%81%ae%e6%ae%ba%e6%84%8f%e3%81%8c%e6%81%8b%e3%82%92%e3%81%97%e3%81%9f%e3%80%8fdvd%e3%83%bbbd-%e3%83%91%e3%83%83%e3%82%b1%e3%83%bc%e3%82%b8-%e8%aa%ad%e5%a3%b2%e3%83%86/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2022/04/bokukoi.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/04/bokukoi.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2022/04/bokukoi-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e3%80%8e%e3%83%9c%e3%82%af%e3%81%ae%e6%ae%ba%e6%84%8f%e3%81%8c%e6%81%8b%e3%82%92%e3%81%97%e3%81%9f%e3%80%8fdvd%e3%83%bbbd-%e3%83%91%e3%83%83%e3%82%b1%e3%83%bc%e3%82%b8-%e8%aa%ad%e5%a3%b2%e3%83%86/"><p><span>WORK  2022.3.2</span><br />
『ボクの殺意が恋をした』DVD・BD パッケージ 読売テレビ・日本テレビ系</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/pac-winds%ef%bc%81%ef%bc%88%e3%83%91%e3%83%83%e3%82%af%ef%bd%a5%e3%82%a6%e3%82%a3%e3%83%b3%e3%82%ba%ef%bc%89/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac71.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac71.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac71-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/pac-winds%ef%bc%81%ef%bc%88%e3%83%91%e3%83%83%e3%82%af%ef%bd%a5%e3%82%a6%e3%82%a3%e3%83%b3%e3%82%ba%ef%bc%89/"><p><span>WORK  2022.2.28</span><br />
PAC WINDS！（パック･ウィンズ）兵庫芸術文化センター管弦楽団【室内楽シリーズ 71】PAC BRASS！（パック・ブラス）のフライヤーデザインを担当しました。</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/pac-brass%ef%bc%81%ef%bc%88%e3%83%91%e3%83%83%e3%82%af%e3%83%bb%e3%83%96%e3%83%a9%e3%82%b9%ef%bc%89/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac70.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac70.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac70-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/pac-brass%ef%bc%81%ef%bc%88%e3%83%91%e3%83%83%e3%82%af%e3%83%bb%e3%83%96%e3%83%a9%e3%82%b9%ef%bc%89/"><p><span>WORK  2022.2.10</span><br />
PAC BRASS！（パック・ブラス）（ビジュアルデザイン）</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e5%a4%a2%e3%81%ae%e4%b8%89%e7%ab%b6%e6%bc%942021/"><img width="200" height="200" src="http://188.jp/188_jp_2/wp-content/uploads/2022/02/yume3_2021_sumb.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/02/yume3_2021_sumb.jpg 200w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/yume3_2021_sumb-150x150.jpg 150w" sizes="(max-width: 200px) 100vw, 200px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e5%a4%a2%e3%81%ae%e4%b8%89%e7%ab%b6%e6%bc%942021/"><p><span>WORK  2021.12.16</span><br />
夢の三競演2021 事務所もキャラクターもばらばらな上方落語界の重鎮、桂文珍・桂南光・笑福亭鶴瓶が毎年行ってきた落語会。</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e3%80%8e%e5%85%b5%e5%ba%ab%e7%9c%8c%e8%8a%b8%e8%a1%93%e6%96%87%e5%8c%96%e3%82%bb%e3%83%b3%e3%82%bf%e3%83%bc%e7%ae%a1%e5%bc%a6%e6%a5%bd%e5%9b%a3%e3%80%8f%e3%82%aa%e3%83%bc%e3%82%b1%e3%82%b9%e3%83%88/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac211212_sumb.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac211212_sumb.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac211212_sumb-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e3%80%8e%e5%85%b5%e5%ba%ab%e7%9c%8c%e8%8a%b8%e8%a1%93%e6%96%87%e5%8c%96%e3%82%bb%e3%83%b3%e3%82%bf%e3%83%bc%e7%ae%a1%e5%bc%a6%e6%a5%bd%e5%9b%a3%e3%80%8f%e3%82%aa%e3%83%bc%e3%82%b1%e3%82%b9%e3%83%88/"><p><span>WORK  2021.12.12</span><br />
『兵庫県芸術文化センター管弦楽団』オーケストラ・キャラバン廿日市公演</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e7%ac%ac39%e5%9b%9e%e3%80%8e%e3%82%b5%e3%83%b3%e3%83%88%e3%83%aa%e3%83%bc1%e4%b8%87%e4%ba%ba%e3%81%ae%e7%ac%ac%e4%b9%9d%e3%80%8fhp/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2021/12/daiku.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2021/12/daiku.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2021/12/daiku-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e7%ac%ac39%e5%9b%9e%e3%80%8e%e3%82%b5%e3%83%b3%e3%83%88%e3%83%aa%e3%83%bc1%e4%b8%87%e4%ba%ba%e3%81%ae%e7%ac%ac%e4%b9%9d%e3%80%8fhp/"><p><span>WORK  2021.12.5</span><br />
第39回『サントリー1万人の第九』HP（WEB・ビジュアルデザイン）</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e6%88%8e%e6%a9%8b%e7%ad%8b%e5%95%86%e5%ba%97%e8%a1%97%e3%80%8c%e5%86%ac%e3%81%ae%e4%bd%93%e9%a8%93%e5%8d%9a2021%e3%80%8dweb%e3%83%90%e3%83%8a%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/"><img width="2161" height="2161" src="http://188.jp/188_jp_2/wp-content/uploads/2022/02/taiken2021fuyu_sumb.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/02/taiken2021fuyu_sumb.jpg 2161w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/taiken2021fuyu_sumb-150x150.jpg 150w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/taiken2021fuyu_sumb-300x300.jpg 300w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/taiken2021fuyu_sumb-768x768.jpg 768w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/taiken2021fuyu_sumb-1024x1024.jpg 1024w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/taiken2021fuyu_sumb-600x600.jpg 600w" sizes="(max-width: 2161px) 100vw, 2161px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e6%88%8e%e6%a9%8b%e7%ad%8b%e5%95%86%e5%ba%97%e8%a1%97%e3%80%8c%e5%86%ac%e3%81%ae%e4%bd%93%e9%a8%93%e5%8d%9a2021%e3%80%8dweb%e3%83%90%e3%83%8a%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/"><p><span>WORK  2021.12.3</span><br />
戎橋筋商店街「冬の体験博2021」WEBバナーデザイン</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e3%82%92%e3%81%90%e3%82%89%e5%b1%8b%e5%a4%a7%e9%98%aa%e6%88%8e%e6%a9%8b%e7%ad%8b%e3%80%8c%e5%b9%b2%e6%94%af%e5%a7%ab%e5%b0%8f%e5%88%a4%e3%80%8d%e3%83%91%e3%83%83%e3%82%b1%e3%83%bc%e3%82%b8%e3%83%87/"><img width="200" height="200" src="http://188.jp/188_jp_2/wp-content/uploads/2022/02/himekoban_sumb.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/02/himekoban_sumb.jpg 200w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/himekoban_sumb-150x150.jpg 150w" sizes="(max-width: 200px) 100vw, 200px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e3%82%92%e3%81%90%e3%82%89%e5%b1%8b%e5%a4%a7%e9%98%aa%e6%88%8e%e6%a9%8b%e7%ad%8b%e3%80%8c%e5%b9%b2%e6%94%af%e5%a7%ab%e5%b0%8f%e5%88%a4%e3%80%8d%e3%83%91%e3%83%83%e3%82%b1%e3%83%bc%e3%82%b8%e3%83%87/"><p><span>WORK  2021.12.1</span><br />
をぐら屋大阪戎橋筋「干支姫小判」をぐら屋さんが毎年干支をモチーフに販売されている「姫小判」のパッケージデザインを担当しました。</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/activity/gakuazuma_parco/"><img width="2161" height="2161" src="http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_1.jpg 2161w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_1-150x150.jpg 150w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_1-300x300.jpg 300w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_1-768x768.jpg 768w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_1-1024x1024.jpg 1024w, http://188.jp/188_jp_2/wp-content/uploads/2021/11/インスタ告知_1-600x600.jpg 600w" sizes="(max-width: 2161px) 100vw, 2161px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/activity/gakuazuma_parco/"><p><span>ACTION  2021.12.3</span><br />
心斎橋パルコ de 學さん2本立て「12月のDRESS CODE feat.服飾作家SEN」</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e3%80%8e%e3%82%ab%e3%83%a9%e3%83%95%e3%83%a9%e3%83%96%e3%83%ab%e3%80%8fdvd-%e3%83%91%e3%83%83%e3%82%b1%e3%83%bc%e3%82%b8-%e8%aa%ad%e5%a3%b2%e3%83%86%e3%83%ac%e3%83%93%e3%83%bb%e6%97%a5%e6%9c%ac/"><img width="200" height="200" src="http://188.jp/188_jp_2/wp-content/uploads/2022/02/colorful_sumb.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/02/colorful_sumb.jpg 200w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/colorful_sumb-150x150.jpg 150w" sizes="(max-width: 200px) 100vw, 200px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e3%80%8e%e3%82%ab%e3%83%a9%e3%83%95%e3%83%a9%e3%83%96%e3%83%ab%e3%80%8fdvd-%e3%83%91%e3%83%83%e3%82%b1%e3%83%bc%e3%82%b8-%e8%aa%ad%e5%a3%b2%e3%83%86%e3%83%ac%e3%83%93%e3%83%bb%e6%97%a5%e6%9c%ac/"><p><span>WORK  2021.11.5</span><br />
『カラフラブル』DVD パッケージ 読売テレビ・日本テレビ系</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e6%af%8e%e6%97%a5%e6%94%be%e9%80%81%e3%80%8e%e8%a5%bf%e6%9c%ac%e9%a1%98%e5%af%ba%e9%9f%b3%e8%88%9e%e5%8f%b0%e3%80%8f/"><img width="250" height="250" src="http://188.jp/188_jp_2/wp-content/uploads/2021/10/otobutai.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2021/10/otobutai.jpg 250w, http://188.jp/188_jp_2/wp-content/uploads/2021/10/otobutai-150x150.jpg 150w" sizes="(max-width: 250px) 100vw, 250px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e6%af%8e%e6%97%a5%e6%94%be%e9%80%81%e3%80%8e%e8%a5%bf%e6%9c%ac%e9%a1%98%e5%af%ba%e9%9f%b3%e8%88%9e%e5%8f%b0%e3%80%8f/"><p><span>WORK  2021.10.24</span><br />
毎日放送『西本願寺音舞台』（ビジュアル／パンフレットデザイン）</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/osaka-minami-map-3/"><img width="200" height="200" src="http://188.jp/188_jp_2/wp-content/uploads/2021/10/minami2021_sumb2.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2021/10/minami2021_sumb2.jpg 200w, http://188.jp/188_jp_2/wp-content/uploads/2021/10/minami2021_sumb2-150x150.jpg 150w" sizes="(max-width: 200px) 100vw, 200px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/osaka-minami-map-3/"><p><span>WORK  2021.10.1</span><br />
OSAKA MINAMI MAP 昨年大人気だったミナミマップがグレードアップして今回も発行されました。</p>
</a></div>					
				</div>

				
				<div class="box_simple">
											<a class="" href="http://188.jp/188_jp_2/work/%e3%80%8e%e5%85%b5%e5%ba%ab%e7%9c%8c%e8%8a%b8%e8%a1%93%e6%96%87%e5%8c%96%e3%82%bb%e3%83%b3%e3%82%bf%e3%83%bc%e7%ae%a1%e5%bc%a6%e6%a5%bd%e5%9b%a3%e3%80%8f%e3%82%b7%e3%83%bc%e3%82%ba%e3%83%b3%e3%83%bb/"><img width="2161" height="2161" src="http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac_season_sumb.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac_season_sumb.jpg 2161w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac_season_sumb-150x150.jpg 150w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac_season_sumb-300x300.jpg 300w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac_season_sumb-768x768.jpg 768w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac_season_sumb-1024x1024.jpg 1024w, http://188.jp/188_jp_2/wp-content/uploads/2022/02/pac_season_sumb-600x600.jpg 600w" sizes="(max-width: 2161px) 100vw, 2161px" /></a>
										<br>
					<div class="box_text"><a href="http://188.jp/188_jp_2/work/%e3%80%8e%e5%85%b5%e5%ba%ab%e7%9c%8c%e8%8a%b8%e8%a1%93%e6%96%87%e5%8c%96%e3%82%bb%e3%83%b3%e3%82%bf%e3%83%bc%e7%ae%a1%e5%bc%a6%e6%a5%bd%e5%9b%a3%e3%80%8f%e3%82%b7%e3%83%bc%e3%82%ba%e3%83%b3%e3%83%bb/"><p><span>WORK  2021.9.11</span><br />
『兵庫県芸術文化センター管弦楽団』シーズン・オープニング・フェスティバル in 養父市</p>
</a></div>					
				</div>

				</div>
</div>
</div></div>
<div class="su-column su-column-size-1-6"><div class="su-column-inner su-clearfix">
<div class="su-spacer" style="height:18px"></div>
<div class="su-posts su-posts-default-loop">
	
				<div class="box_staff">
											<a class="" href="http://188.jp/188_jp_2/staff/staff-page/"><img width="283" height="283" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/staff_icon.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/staff_icon.png 283w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/staff_icon-150x150.png 150w" sizes="(max-width: 283px) 100vw, 283px" /></a>
										<br>
				</div>

				
				<div class="box_staff">
											<a class="" href="http://188.jp/188_jp_2/staff/kanae/"><img width="270" height="270" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/kanae2017.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/kanae2017.jpg 270w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/kanae2017-150x150.jpg 150w" sizes="(max-width: 270px) 100vw, 270px" /></a>
										<br>
				</div>

				
				<div class="box_staff">
											<a class="" href="http://188.jp/188_jp_2/staff/hiromu/"><img width="270" height="270" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/rom2017.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/rom2017.jpg 270w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/rom2017-150x150.jpg 150w" sizes="(max-width: 270px) 100vw, 270px" /></a>
										<br>
				</div>

				
				<div class="box_staff">
											<a class="" href="http://188.jp/188_jp_2/staff/mika/"><img width="270" height="270" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/mika2017.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/mika2017.jpg 270w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/mika2017-150x150.jpg 150w" sizes="(max-width: 270px) 100vw, 270px" /></a>
										<br>
				</div>

				
				<div class="box_staff">
											<a class="" href="http://188.jp/188_jp_2/staff/gaku/"><img width="270" height="270" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/gaku2021.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/gaku2021.jpg 270w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/gaku2021-150x150.jpg 150w" sizes="(max-width: 270px) 100vw, 270px" /></a>
										<br>
				</div>

				
				<div class="box_staff">
											<a class="" href="http://188.jp/188_jp_2/staff/kit/"><img width="270" height="270" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/kit2017.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/kit2017.jpg 270w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/kit2017-150x150.jpg 150w" sizes="(max-width: 270px) 100vw, 270px" /></a>
										<br>
				</div>

				
				<div class="box_staff">
											<a class="" href="http://188.jp/188_jp_2/staff/mame/"><img width="340" height="340" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/mame.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/mame.jpg 340w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/mame-150x150.jpg 150w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/mame-300x300.jpg 300w" sizes="(max-width: 340px) 100vw, 340px" /></a>
										<br>
				</div>

				
				<div class="box_staff">
											<a class="" href="http://188.jp/188_jp_2/staff/mitsu/"><img width="340" height="340" src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/mitsu.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/01/mitsu.jpg 340w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/mitsu-150x150.jpg 150w, http://188.jp/188_jp_2/wp-content/uploads/2018/01/mitsu-300x300.jpg 300w" sizes="(max-width: 340px) 100vw, 340px" /></a>
										<br>
				</div>

				</div>
</div></div>
</div>
</div>
<div class="su-spacer" style="height:60px"></div>
<hr style=" border-top: 1px dotted #ccc">
<div style=" text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight: bolder; color: #666; text-align:center;">
LINK SITE
</div>
<div class="mobile-links">
<div class="su-row">
<div class="su-column su-column-size-1-4"><div class="su-column-inner su-clearfix">
<a href="https://gakuazuma.stores.jp/" target="blank"><br />
<img src="http://188.jp/188_jp_2/wp-content/uploads/2021/06/gakuazuma_stores.png" alt="" width="330" height="173" class="aligncenter size-full wp-image-490" /></a><br />
</div></div>
<div class="su-column su-column-size-1-4"><div class="su-column-inner su-clearfix">
<a href="https://188shop.thebase.in/" target="blank"><br />
<img src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/onlineshop188.jpg" alt="" width="330" height="173" class="aligncenter size-full wp-image-490" /></a><br />
</div></div>
<div class="su-column su-column-size-1-4"><div class="su-column-inner su-clearfix">
<a href="https://www.youtube.com/channel/UCZVw4g3Hf43uamxy2UZtTFQ" target=blank><br />
<img src="http://188.jp/188_jp_2/wp-content/uploads/2020/01/youtube188.jpg" alt="" width="330" height="173" class="aligncenter size-full wp-image-490" /><br />
</a></div></div>
<div class="su-column su-column-size-1-4"><div class="su-column-inner su-clearfix">
<a href="http://188.jp/cdg/top.html" target="blank"><br />
<img src="http://188.jp/188_jp_2/wp-content/uploads/2018/04/cdg_s.png" alt="" width="330" height="173" class="aligncenter size-full wp-image-490" srcset="http://188.jp/188_jp_2/wp-content/uploads/2018/04/cdg_s.png 330w, http://188.jp/188_jp_2/wp-content/uploads/2018/04/cdg_s-300x157.png 300w" sizes="(max-width: 330px) 100vw, 330px" /></a><br />
</div></div>
</div>
<div class="su-row">
<div class="su-column su-column-size-1-4"><div class="su-column-inner su-clearfix">
<a href="http://188.jp/mame/" target="blank"><br />
<img src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/link03.jpg" alt="" width="330" height="173" class="alignnone size-full wp-image-202" /></a><br />
</div></div>
<div class="su-column su-column-size-1-4"><div class="su-column-inner su-clearfix">
<a href="http://machiomoi.net/" target=blank><br />
<img src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/link01.jpg" alt="" width="330" height="173" class="alignnone size-full wp-image-186" /></a><br />
</div></div>
<div class="su-column su-column-size-1-4"><div class="su-column-inner su-clearfix">
<a href="https://thecampus.jp/" target="blank"><br />
<img src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/link02.jpg" alt="" width="330" height="173" class="alignnone size-full wp-image-202" /></a><br />
</div></div>
<div class="su-column su-column-size-1-4"><div class="su-column-inner su-clearfix"></div></div>
</div>
</div>
<div class="su-spacer" style="height:30px"></div>
<hr style=" border-top: 1px dotted #ccc">
<div style=" text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight: bolder; color: #666; text-align:center;">
MAP
</div>
<div class="su-spacer" style="height:20px"></div>
    <script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCgrwSQ7LDOMEccKTMBX1d1oAiOSBmYNYg' async defer></script>

    <div id="map967984" class="dp-google-map  " style="height:490px; width:100%; "></div>

    <script type="text/javascript">
      var loaded_map967984 = false;
      var timer_map967984;

      timer_map967984 = setInterval(function(){
        if(google && !loaded_map967984){
          clearInterval(timer_map967984);
          loaded_map967984 = true;

          var disabled = false;
          var draggable = true;
          var geocoder = new google.maps.Geocoder();

          geocoder.geocode({address: '大阪府大阪市中央区千日前1丁目4－21菊水ビル'}, function(results, status) {
            if(status == google.maps.GeocoderStatus.OK){
              var mapOptions = {
                draggable: draggable == true ? true : false,
                center: results[0].geometry.location,
                zoom: 17,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                scrollwheel: false,
                disableDefaultUI: disabled,
                disableDoubleClickZoom: disabled,
                styles: [{"featureType":"landscape.natural","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#e0efef"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"hue":"#1900ff"},{"color":"#c0e8e8"}]},{"featureType":"road","elementType":"geometry","stylers":[{"lightness":100},{"visibility":"simplified"}]},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"transit.line","elementType":"geometry","stylers":[{"visibility":"on"},{"lightness":700}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#7dcdcd"}]}]
              };

              var map = new google.maps.Map(document.getElementById('map967984'), mapOptions);
              var marker = new google.maps.Marker({
                  map: map,
                  position: results[0].geometry.location
              });

              var map_changed = false;
              if(draggable){
                google.maps.event.addListener(map, 'dragstart', function(){
                  map_changed = true;
                });
              }

              var map_resize = function(){
                google.maps.event.trigger(map, 'resize');
                if(map_changed){
                  google.maps.event.removeListener(resize_listener);
                }else{
                  map.setCenter(results[0].geometry.location);
                }
              };

              var resize_listener = google.maps.event.addDomListener(window, 'resize', map_resize);

              setTimeout(map_resize, 1000);
              google.maps.event.addDomListenerOnce(window, 'load', map_resize);
            }
          });
        }
      }, 500);
    </script>
<div class="su-spacer" style="height:20px"></div>
			</div><!-- .entry-content -->

</article><!-- #post-## -->

				
			
		</main><!-- #main -->
	</div><!-- #primary -->


	</div><!-- #content -->

	 </div><!--.mega-container-->
 


	<footer id="colophon" class="site-footer title-font" role="contentinfo">
		<div class="site-info container">
			<img src="http://188.jp/188_jp_2/wp-content/uploads/2018/01/logo_188_s.png" width="80px" style="margin: 0 0 6px;"> <br>
			株式会社一八八　〒542-0074 大阪府大阪市中央区千日前1丁目4－21菊水ビル　tel. 06-6214-4015<br>
<br>
			<span class="sep"></span>
			&copy; 2022 株式会社188. All Rights Reserved. 		</div><!-- .site-info -->
	</footer><!-- #colophon -->
	
</div><!-- #page -->


<div class="mobmenu-overlay"></div><div class="mob-menu-header-holder mobmenu" ><div class="mob-menu-logo-holder"><a href="http://188.jp/188_jp_2" class="headertext"><img class="mob-standard-logo" src=""  alt=" Logo Header Menu"></a></div><div  class="mobmenur-container"><a href="#" class="mobmenu-right-bt"><i class="mob-icon-menu mob-menu-icon"></i><i class="mob-icon-cancel mob-cancel-button"></i></a></div></div>				<!--  Right Panel Structure -->
				<div class="mob-menu-right-panel mobmenu  ">
					<div class="mobmenu_content">
					
			
		<div class="menu-%e3%83%88%e3%83%83%e3%83%97%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container"><ul id="mobmenuright"><li  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="http://188.jp/188_jp_2/about/" class="">about</a></li><li  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="http://188.jp/188_jp_2/works/" class="">works</a></li><li  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://188.jp/188_jp_2/action-2/" class="">action</a></li><li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-31"><a target="_blank" href="https://gakuazuma.stores.jp/" class="">web shop</a></li><li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-32"><a target="_blank" href="http://188.jp/cdg/top.html" class="">gallery</a></li><li  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="http://188.jp/188_jp_2/staff/" class="">staff</a></li><li  class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a target="_blank" href="https://forms.gle/sWhsvNUM3NU9dUxn8#new_tab" class="">contact</a></li></ul></div>
			</div><div class="mob-menu-right-bg-holder"></div></div>

		<link rel='stylesheet' id='su-content-shortcodes-css'  href='http://188.jp/188_jp_2/wp-content/plugins/shortcodes-ultimate/assets/css/content-shortcodes.css?ver=5.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='su-box-shortcodes-css'  href='http://188.jp/188_jp_2/wp-content/plugins/shortcodes-ultimate/assets/css/box-shortcodes.css?ver=5.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='su-other-shortcodes-css'  href='http://188.jp/188_jp_2/wp-content/plugins/shortcodes-ultimate/assets/css/other-shortcodes.css?ver=5.0.1' type='text/css' media='all' />
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-content/themes/hanne/js/navigation.js?ver=20120206'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-content/themes/hanne/js/external.js?ver=20120206'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-content/themes/hanne/js/skip-link-focus-fix.js?ver=20130115'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-includes/js/imagesloaded.min.js?ver=3.2.0'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-includes/js/masonry.min.js?ver=3.3.2'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-content/themes/hanne/js/custom.js?ver=4.9.1'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-content/plugins/page-links-to/js/new-tab.min.js?ver=3.0.0-beta.1'></script>
<script type='text/javascript' src='http://188.jp/188_jp_2/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script>

<!-- Shortcodes Ultimate custom CSS - start -->
<style type="text/css">
.box_simple {
float: left;
padding: 20px 20px;
}
.box_simple img {
width: 170px;
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}
img {
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.box_text {
	width: 170px;
	height: 90px;
	overflow: hidden;
	font-size: 13px;
	line-height: 180%;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	letter-spacing: 1px;
}
.box_text a {
	color: #666;
}
.box_text a span {
	color: #92CD00;
}

.box_staff {
	float: left;
	margin: 3px 0  0;
	padding: 0;
}
.box_staff img {
width: 100px;
}
body {
	font-family: sans-serif;
}
.box_simple_staff {
float: left;
padding: 20px 0 0 40px;
}
.box_simple_staff img {
width: 200px;
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}
.box_simple_prof {
float: left;
padding: 20px 15px;
}
.box_simple_prof img {
width: 160px;
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}


@media screen and (max-width: 1199px) {
.box_simple {
margin: 0 auto;
padding: 10px 10px;
}
.box_text {
	width: 160px;
	height: 75px;
	line-height: 150%;
}
.box_simple img {
 width: 160px;
}
.naka {
 padding: 10px 0 0 ;
}
.box_simple_staff img {
width: 250px;
}
}

@media screen and (max-width: 991px) {
.box_simple {
margin: 0 auto;
padding: 15px 15px;
}
.box_text {
	width: 150px;
	height: 75px;
	line-height: 150%;
}
.box_simple img {
 width: 150px;
}
.naka {
 marign: 5px 0 0 ;
}
.box_simple_staff img {
width: 180px;
}
}


@media screen and (max-width: 767px) {
.box_simple {
margin: 0 auto;
padding: 10px 10px;
}
.box_simple img {
 width: 148px;
}
.box_text {
	width: 148px;
	height: 75px;
	line-height: 150%;
}
.mobile-links{
 text-align: center;
}
.box_staff img {
width: 130px;
padding: 7px;
}
.box_simple_staff img {
width: 170px;
}
}

@media screen and (max-width: 740px) {
.box_simple img {
 width: 190px;
}
.box_text {
	width: 190px;
}
.mobile-naka {
 width: 646px;
 margin: 0 auto ;
}
.box_staff img {
width: 122px;
}
box_simple_staff img {
width: 180px;
}
}

@media screen and (max-width: 694px) {
.box_simple img {
 width: 160px;
}
.box_text {
	width: 160px;
}
.mobile-naka {
 width: 556px;
 margin: 0 auto ;
}
.box_staff img {
width: 105px;
}
box_simple_staff img {
width: 250px;
}
}

@media screen and (max-width: 604px) {
.box_simple img {
 width: 180px;
}
.box_text {
	width: 180px;
}
.mobile-naka {
 width: 416px;
 margin: 0 auto ;
}
}

@media screen and (max-width: 459px) {
.box_simple img {
 width: 160px;
}
.box_text {
	width: 160px;
}
.mobile-naka {
 width: 376px;
 margin: 0 auto ;
}
.box_staff img {
width: 116px;
}
}

@media screen and (max-width: 419px) {

.box_simple img {
 width: 140px;
}
.box_text {
 width: 140px;
}
.mobile-naka {
 width: 336px;
 margin: 0 auto ;
}
.box_staff img {
width: 105px;
}
}
</style>
<!-- Shortcodes Ultimate custom CSS - end -->
</body>
</html>
