@charset "utf-8";

*{}

@media screen and (min-width: 768px) {
#main{ padding:20px 0 60px; }
#main .title{ text-align:center; margin-bottom:50px; }
#main .lead{ text-align:center; margin-bottom:50px; }
#main .portfolio-list{ margin:0 auto 50px; width:720px; }
#main .portfolio-list ul li{ float:left; width:180px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#main .name img{ filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6; }
#main .japaneseharmony{ height:265px; background:url(../img/main_img_japaneseharmony_pc.png) center top no-repeat; }
#main .japaneseharmony .name{ margin:0 auto; padding-top:238px; width:166px; }
#main .blenderschoice{ height:265px; background:url(../img/main_img_blenderschoice_pc.png) center top no-repeat; }
#main .blenderschoice .name{ margin:0 auto; padding-top:238px; width:150px; }
#main .n17years{ height:265px; background:url(../img/main_img_17years_pc.png) center top no-repeat; }
#main .n17years .name{ margin:0 auto; padding-top:229px; width:43px; }
#main .n21years{ height:265px; background:url(../img/main_img_21years_pc.png) center top no-repeat; }
#main .n21years .name{ margin:0 auto; padding-top:229px; width:43px; }
#main .n30years{ height:265px; background:url(../img/main_img_30years_pc.png) center top no-repeat; }
#main .n30years .name{ margin:0 auto; padding-top:229px; width:43px; }
#main .link_notice_pc { font-family:"HraKakuProN-W6","HelveticaNeue"; text-align: center; line-height: 2.0; }
#main .link_notice_pc a:link,
#main .link_notice_pc a:visited{ color:#c7c9cb; text-decoration: none; }
#main .link_notice_pc a:hover,
#main .link_notice_pc a:active{ color:#c7c9cb; opacity:.7; }
#portfolio{ margin:0 auto; margin-bottom:100px; }
#portfolio-inr{ width:1440px; margin:0 auto; }
#portfolio .index-box{ height:420px; }
#portfolio .image{ position:absolute; z-index:1; height:420px; width:1440px; overflow:hidden; }
#portfolio .index-box .image img{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:4.0s; -moz-transition:4.0s; -ms-transition:4.0s; transition:4.0s; }
#portfolio .index-box:hover .image img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }
#portfolio .element{ position:relative; margin:0 auto; padding-top:72px; height:276px; width:276px; z-index:2; }
#portfolio .element-inr{ position:relative; z-index:2; }
#japaneseharmony .element{ margin-left:50%; }
#japaneseharmony .element-inr{ float:left; margin-left:150px; padding-top:80px; }
#japaneseharmony .name{ margin-bottom:20px; }
#japaneseharmony .lead{ margin-bottom:35px; }
#blenderschoice .element{ margin-right:50%; }
#blenderschoice .element-inr{ float:right; margin-right:150px; padding-top:80px; }
#blenderschoice .name{ margin-bottom:20px; }
#blenderschoice .lead{ margin-bottom:35px; }
#n17years .element{ margin-left:50%; }
#n17years .element-inr{ float:left;margin-left:150px; padding-top:80px; }
#n17years .name{ margin-bottom:20px; }
#n17years .lead{ margin-bottom:35px; }
#n21years .element{ float:left; margin-left:50%; }
#n21years .element-inr{ margin-left:150px; padding-top:80px; }
#n21years .name{ margin-bottom:20px; }
#n21years .lead{ margin-bottom:35px; }
#n30years .element{ margin-right:50%; }
#n30years .element-inr{ float:right; margin-right:150px; padding-top:80px; }
#n30years .name{ margin-bottom:20px; }
#n30years .lead{ margin-bottom:35px; }
#localnav{ display:none; }
}

@media screen and (max-width: 768px) {
#main{ padding:10px 0 30px; }
#main .title{ margin:0 auto; margin-bottom:20px; width:84px; font-size:.1em; line-height:0; }
#main .lead{ margin:0 auto; width:270px; font-size:.1em; line-height:0; }
#main .portfolio-list{ display:none; }
#main .link_notice_pc { display: none; }
#portfolio{ margin-bottom:45px; }
#portfolio .index-box{ position:relative; padding-bottom:59%; background-position:center top; background-repeat:no-repeat; }
#portfolio .element{ display:none; }
#portfolio .image img{ display:none; }
#japaneseharmony{ background-image:url(../img/japaneseharmony_bg_sp.jpg); }
#blenderschoice{ background-image:url(../img/blenderschoice_bg_sp.jpg); }
#n17years{ background-image:url(../img/17years_bg_sp.jpg); }
#n21years{ background-image:url(../img/21years_bg_sp.jpg); }
#n30years{ background-image:url(../img/30years_bg_sp.jpg); }
#localnav{ margin-bottom:50px; }
#localnav .link_notice_sp { margin-top: 40px; font-family:"HraKakuProN-W6","HelveticaNeue"; text-align: center; font-size: 11px; line-height: 2.0; }
#localnav .link_notice_sp a:link,
#localnav .link_notice_sp a:visited{ color:#c7c9cb; text-decoration: none; }
#localnav .link_notice_sp a:hover,
#localnav .link_notice_sp a:active{ color:#c7c9cb; opacity:.7; }
}