@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,
sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,
video{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
font-size:16px; }
h1, h2, h3, h4, h5, p, ul, li, dl, dt, dd{ line-height:1.6; }
h2{ font-size:180%; }
h3{ font-size:140%; }

/* clearfix */
.clearfix:after, .u-clearfix::after { clear: both; content: ""; display: table; }

/* img */
img{ display:block; max-width:100%; height:auto; }

#header{ position:fixed; width: 100%; height:140px; background:#fff; box-shadow:0 0 5px 5px rgba(0, 0, 0, .1); z-index:20; }
.container{ width:1200px; margin:0 auto; }
#header .container{ position:relative; }
.header_left{ position:relative; height:80px;}
.header_left h1{ position:absolute; left:0px; right:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-box-sizing:border-box; box-sizing:border-box; }
.header_left h1 a { display:inline-block; }
/* コンタクト */
#contactmenu{ position:absolute; top:0; right:0; width:260px; height:80px; text-align:center; display: flex; justify-content: center; align-items: center;}
#contactmenu::before{ content: '';display: inline-block;width:35px;height:35px;background-image:url(./images/tel-icon.png);background-size: contain;vertical-align: middle;margin-right: 10px;}
#contactmenu > div{ padding:5px; }
#contactmenu p{ font-size: 1.8em; font-weight: 600;}
#contactmenu p.contact_mail{ font-size:16px; background:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
#contactmenu a{ text-decoration:none; display:block; color:#e04291; }
#contactmenu p.contact_mail a{ color:#000; }

/* グローバルメニュー */
#menu{ text-align:center; }
#menu > ul{ font-size:0; padding:0; margin:0; list-style:none; width:100%;font-weight:600; }
#menu > ul > li{ display:inline-block; *display:inline; *zoom:1; height:60px; line-height:60px;
font-size:15px; width:20%; vertical-align:top; position:relative; }
#menu > ul > li a{ display:block; border-top:1px solid #ddd; border-left:1px solid #ddd;  text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#menu > ul > li:last-child a{ border-right:1px solid #ddd; background:#91e042; color:#303030; }
#menu > ul > li a:hover{ background:#dddddd; }
#menu > ul > li:last-child a:hover{ background:#79c032;}
.btn-gnavi{ display:none; }

/* メイン */
#main{ padding-top:140px; line-height:1.8; }
#main p{ padding-bottom:2em; }
.main_image{ position:relative; background:url(images/top_image.jpg) no-repeat; width:1200px; height:800px; margin-top:40px; margin-bottom:40px; }
.main_image_text{ position:absolute; bottom:40px; right:40px; width:360px; background:#fff; box-shadow:0 0 5px 5px rgba(0, 0, 0, .1); }
.main_image_text_inner{ margin:20px; }
.main_image h3{ font-size:140%; padding:1em 0 0.5em; }
.main_image h4{ font-size:105%; padding:1em 0 0.5em; }
.item h3{ font-size:140%; padding:0.5em 0; text-align:center; }
.item h4{ font-size:105%; padding:0.5em 0; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.item h5{ font-size:100%; padding:0.5em 0 0;border-bottom:1px solid #ccc; color:#555; }

.main_image2{ position:relative; background:url(images/top_image2.jpg) no-repeat; width:1200px; height:800px; margin-top:40px; margin-bottom:40px; }
.main_image_text{ position:absolute; bottom:40px; right:40px; width:360px; background:#fff; box-shadow:0 0 5px 5px rgba(0, 0, 0, .1); }
.main_image_text_inner{ margin:20px; }
.main_image h3{ font-size:140%; padding:1em 0 0.5em; }
.main_image h4{ font-size:105%; padding:1em 0 0.5em; }
.item h3{ font-size:140%; padding:0.5em 0; text-align:center; }
.item h4{ font-size:105%; padding:0.5em 0; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.item h5{ font-size:100%; padding:0.5em 0 0;border-bottom:1px solid #ccc; color:#555; }

dl{ padding:1em 0; }
dl dd{ text-align:right; }
dl dd strong{ font-size:180%; color:#bb0000; }

ul.chuki{ padding:0; margin:0; margin-left:1em; list-style:none; }
ul.chuki li{ padding-bottom:0.5em; }
ul.chuki li:before{ content:"※"; margin-left:-1em; }
ul.chuki li:last-child{ padding:0; }

ul.col3{ font-size:0; list-style:none; width:102%; }
ul.col3 > li{ display:inline-block; *display:inline; *zoom:1;
font-size:16px; width:31.33%; margin-right:2%; margin-bottom:30px; vertical-align:top; }

.entry{ background:#f5f5f5; padding:60px 0; }
.entry .container{ text-align:center; }
.entry a{ display:inline-block; *display:inline; *zoom:1; }

/* ボタンcss */
.contact1{ padding:60px 0; }
.contact1 .container{ text-align:center; }
.buttonbox{ position:relative; margin:40px auto; width:60%; padding:0; }
.buttonbox a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:20; }
.buttonbox button{ width:100%; padding:1em; position:relative; background:#eee; font-size:18px;
text-transform:uppercase; font-weight:bold; border:none; outline:none; transition:all .5s ease-in-out; }
.buttonbox .border{ position:absolute; background:none; transition:all .5s ease-in-out; margin:0; padding:0; }
.buttonbox > .border:nth-of-type(1){ top:0; left:0; border-left:2px solid #555; border-top:2px solid #555;
width:30px; height:30px; }
.buttonbox > .border:nth-of-type(2){ bottom:0; right:0; border-right:2px solid #555; border-bottom:2px solid #555;
width:30px; height:30px; }
.buttonbox:hover .border{ width:100.5%; height:105%; }
.buttonbox:hover button{ background:#f5f5f5; }

.catalog{ background:#f5f5f5; padding:60px 0; }
.catalog .container{ text-align:center; }
.catalog h2{ font-size:120%; padding:0.5em 1em 0; }

ul.col2{ font-size:0; list-style:none; width:102%; }
ul.col2 > li{ display:inline-block; *display:inline; *zoom:1;
font-size:16px; width:48%; margin-right:2%; vertical-align:top; }
ul.col2 > li a:hover{ color:#555; }
ul.col2 > li a:hover img{ opacity:0.8; }

.growyourbusiness{ position:relative; background:#ccc url(/images/img20150804180225610331.jpg) no-repeat center center; background-size:cover; padding-top:24%; }
.growyourbusiness .imagebox{ position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width:1200px; }
.growyourbusiness img{ margin:0 auto; }


.company .container{ padding:40px 0 60px; }
.company h2{ text-align:center; margin:0.5em 0; }
.col3_left{ float:left; width:33.33%; text-align:left; }
.col3_center{ float:left; width:33.33%; text-align:left; }
.col3_right{ float:right; width:33.33%; text-align:left; }

.news .container{ padding:40px 0 20px; }
.news h2{ text-align:center; margin:0.5em 0; }
.col3_left{ float:left; width:30%; text-align:left; }
.col3_center{ float:left; width:50%; text-align:left; }
.col3_right{ float:right; width:20%; text-align:left; }


/* フッター */
#footer .contact2{ position:relative; background:#ccc url(/images/contact_1450_400.jpg) no-repeat center center; background-size:cover; height:800px; color:#fff; }
#footer .contact2 .container{ padding:40px 0 60px; text-align:center; }
#footer .contact2 h2{ text-align:center; margin:0.5em 0; }
#footer .contact2 a{ display:inline-block; *display:inline; *zoom:1; }
#footer .contact2 img{ margin:0 auto; }
#footer .copyright{ background:#203149; padding:20px 0; }
#footer .copyright p{ font-size:13px; text-align:center; color:#fff; }

/* フッターボタンcss */
#footer .buttonbox{ margin:30px auto; }
#footer .buttonbox button{ background:rgba(255, 255, 255, 0); color:#fff; }
#footer .buttonbox > .border:nth-of-type(1){ top:0; left:0; border-left:2px solid #fff; border-top:2px solid #fff;
width:30px; height:30px; }
#footer .buttonbox > .border:nth-of-type(2){ bottom:0; right:0; border-right:2px solid #fff; border-bottom:2px solid #fff;
width:30px; height:30px; }
#footer .buttonbox:hover .border{ width:100.5%; height:105%; }
#footer .buttonbox:hover button{ background:rgba(255, 255, 255, 0.2); }

@media screen and (max-width:1229px) {
.container{ width:auto; margin:0 20px; }

/* メイン */
.main_image{ width:100%; height:auto; padding-top:60%; margin-top:20px;
background:url(images/top_image.jpg) no-repeat; background-size:75% auto; }
.main_image img{ max-width:50%; }
.main_image_text{ bottom:0; right:0; width:550px; }
.main_image_text br{ display:none; }

.main_image2{ width:100%; height:auto; padding-top:60%; margin-top:20px;
background:url(images/top_image2.jpg) no-repeat; background-size:75% auto; }
.main_image img{ max-width:50%; }
.main_image_text{ bottom:0; right:0; width:550px; }
.main_image_text br{ display:none; }

.growyourbusiness .container{ margin:0; }
.growyourbusiness .imagebox{ width:100%; }

#footer .contact2{ height:700px; }
}

@media screen and (max-width:959px) {
.container{ width:auto; margin:0 20px; }
#header{ height:80px; }
#contactmenu{ top:0; left:270px; width:200px }
#contactmenu::before{ width:20px;height:20px;}
#contactmenu p{ font-size: 1.2em;}

/* グロナビハンバーガーボタン */
.btn-gnavi{ position:fixed; display:block; top:30px; right:20px; width:30px; height:24px; z-index:40; box-sizing: border-box;
cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms; }
.btn-gnavi span { position:absolute; width:30px; height:4px; background:#666;
border-radius:10px; -webkit-transition: all 400ms; transition: all 400ms; }
.btn-gnavi span:nth-child(1) { top:0; }
.btn-gnavi span:nth-child(2) { top:10px; }
.btn-gnavi span:nth-child(3) { top:20px; }
.btn-gnavi.open { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.btn-gnavi.open span { background: #666; }
.btn-gnavi.open span { width:24px; }

#global-navi{ position:fixed; top:0; right:-260px; width:250px; height:100%;
padding-top:80px; background:#fff; font-size:16px; box-sizing:border-box; z-index:30;
box-shadow:0 -8px 8px 8px rgba(0, 0, 0, .1); }
#menu{ text-align:left; }
#menu > ul > li{ display:block; width:auto; height:auto; line-height:1.8;  }
#menu > ul > li a{ border:none; padding:20px 28px; }
#menu > ul > li:last-child a{ border:none; }
#menu > ul > li a:hover{ background:#eee; }

/* メイン */
#main{ padding-top:80px; }
.main_image{ width:100%; height:auto; padding-top:66.66%; margin-top:20px;
background:url(images/top_image.jpg) no-repeat center top; background-size:contain; }
.main_image_text{ position:static; box-shadow:none; width:auto; }

ul.col3{ font-size:0; list-style:none; width:102%; }
ul.col3 > li{ display:inline-block; *display:inline; *zoom:1;
font-size:16px; width:48%; margin-right:2%; margin-bottom:30px; vertical-align:top; }

.news img{ margin:0 auto; }
.col3_left{ float:left; width:20%; text-align:left; }
.col3_center{ float:left; width:50%; text-align:left; }
.col3_right{ float:left; width:30%; text-align:left; }



.company img{ margin:0 auto; }
.col3_left{ float:none; width:auto; text-align:center; }
.col3_center{ float:none; width:auto; text-align:center; }
.col3_right{ float:none; width:auto; text-align:center; }


#footer .buttonbox{ margin:0 auto; }
#footer .contact2{ height:800px; }
}

@media screen and (max-width:559px) {
p, ul, li, dl, dt, dd{ font-size:14px; }
.container{ width:auto; margin:0; }
.entry .container{ margin:0 20px; }
.catalog .container{ margin:0 20px; }
#header{ height:auto; }
#contactmenu{ position:static; width:auto; height:40px; background:#e04291;}
#contactmenu::before{ background-image:url(./images/tel-icon-sp.png);}
#contactmenu p { font-size: 1.1em;}
#contactmenu a{ padding:0 1em; color:#ffffff; }

/* メイン */
#main{ padding-top:130px; }
.main_image{ margin:0; padding-bottom:30px; }
.main_image h2{ font-size:130%; }
.main_image h3{ font-size:100%; }

ul.col3{ width:auto; margin:0; }
ul.col3 > li{ width:auto; margin:0 0 30px; padding:30px 20px; }
ul.col3 > li:nth-child(odd){ background:#f5f5f5; }

ul.col2{ width:auto; margin:0; }
ul.col2 > li{ display:inline-block; *display:inline; *zoom:1;
font-size:16px; width:49%; margin:0; vertical-align:top; }
ul.col2 > li:nth-child(even){ margin-left:2%; }
}

.catalog{ background:#f5f5f5; padding:60px 0; }
.catalog .container{ text-align:center; }
.catalog a{ display:inline-block; *display:inline; *zoom:1; }
.catalog ul {
  display: flex;
    justify-content: center;
}
.catalog li {
    list-style: none;
  }
.catalog li:nth-child(2) {
    margin: 0 10px;
  }