@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; box-sizing: border-box; }
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; }

.PU{ padding-bottom: 4em; }
.PU h2{text-align: center; margin:0.5em 0; }
.PU_container{ display: flex; }
.PU_content{ display: flex; flex-direction: column; width: 49%;}
.PU_img{ object-fit: cover; width: 100%;}
.PU_desc { border: solid 1px #cdd3d4; margin-top: 10px; box-shadow: 0 6px 6px hsl( 0deg 0% 0% / 0.3); 
padding: 20px 15px; }
.PU_desc_upperPart { display: flex;}
.PU_desc_upperPart h3 {margin-right: clamp(1.25rem, -1.237rem + 4.15vw, 1.875rem); }
.W439_flex {display: none; }
.PU_desc_upperPart_text h4{ font-size:140%; }
.PU_desc_upperPart_text h5{ font-size:105%; padding:1em 0 0.5em; }

.PU_main_image2{ margin-right: 2%;}

.text-align{text-align: center; }
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:2em; list-style:none; }
ul.chuki li{ padding-bottom:0.5em; margin: 0 20px 0 3px;}
ul.chuki li:before{ content:"※"; margin-left:-1em; }
ul.chuki li:last-child{ padding:0; }

.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; }

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:30px 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; }

.news .container{ padding:40px 0 0; }
.news h2{ text-align:center; margin:0.5em 0; }
.news_col3_left li{ list-style: none; }
.news_col3_left li div{ margin:-1.6em 0 0 7em; }

#container{ padding:40px 0 60px; }

.company .container{ padding:40px 0 60px; }
.company 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 50px; }

/* メイン */
.PU_desc_upperPart_text{ bottom:0; right:0; width:550px; }

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

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

@media screen and (max-width:959px) {
.container{ width:auto; margin:0 20px 10px;}
	
#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; }
.PU_container{ flex-direction: column; padding: 0; }
.PU_content{width: 100%; }
.PU_desc { border: none; margin-top:clamp(0rem, -0.876rem + 2.51vw, 0.625rem); box-shadow: none; }
.PU_desc_upperPart h3 { width: 30%; min-width: 120px; margin-right: clamp(1.25rem, 0.374rem + 2.51vw, 1.875rem);}
.PU_desc_upperPart h3 img { width: 100%; }
.PU_desc_upperPart_text{ position:static; box-shadow:none; width:auto; }
.br_none_01 {display: none; }
.PU_main_image2 {margin: 0 0 30px 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:48%; margin-right:2%; margin-bottom:30px; vertical-align:top; }


.news img{ margin:0 auto; }
.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; }

.news_content { text-align: center; }
.news_col3_left{ display: inline-block; margin: 0 auto;}
.news_col3_left li { text-align: left; }

#footer .buttonbox{ margin:0 auto; }
#footer .contact2{ height:800px; }
}
@media screen and (max-width:780px) {
/* メイン */
.br_none_01 {display: block; }
.br_none_02 {display: none; }
}
@media screen and (max-width:670px) {
/* メイン */
.br_none_02 {display: block; }
}
@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; padding: 25px 0 30px;}
#contactmenu::before{ background-image:url(./images/tel-icon-sp.png);}
#contactmenu p { font-size: 1.1em;}
#contactmenu a{ padding:0 1em; color:#ffffff; }
.article{ margin-top: 95px;}
	
/* メイン */
#main{ padding-top:30px; }
.news {margin-top: 65px; padding: 0 10px;}
.news_col3_left li div{ margin:-1.6em 0 0 6em; }

.PU_content{ margin:0; padding: 0 20px 30px; }
.PU_desc_upperPart h2 img { width: 100%; }	
.PU_desc_upperPart_text h3 { width: 150px;}
.PU_desc_upperPart_text h4{ font-size:130%; }
.PU_desc_upperPart_text h5{ 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;
  }

@media screen and (max-width:439px) {
.PU_desc {padding: 5px 0;}
.PU_desc_upperPart{flex-direction: column; }
.W439_flex{display: flex; align-items: center; margin: 0.5em 0;}
.W439_flex h4 { display: block; font-size:118%; }
.W439_flex h3 { min-width: 100px; width: 100px; margin-right: 10px;}
.PU_desc_upperPart_h3, .PU_desc_upperPart_text h4 {display: none;}
.PU_desc_upperPart_text h5{ text-align: center; padding: 0.5em 0; border-top: solid 1px #ccc;  border-bottom: solid 1px #ccc;}
ul.chuki {margin: 0;}
ul.chuki li {margin-left: 20px; }
.text-align {text-align: right; }
}