/********************************************************************* * ベース ********************************************************************/ body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; } p { margin: 0; padding: 0; } img { max-width: 100%; height: auto; } /********************************************************************* * PC スマホ 共通 *********************************************************************/ .box1 ul:before, .box1 ul:after, .clearfix:before, .clearfix:after { content: " "; display: table;} .box1 ul:after, .clearfix:after { clear: both;} .box1 ul:after, .clearfix { *zoom: 1; } .flexslider .slides img { width: auto !important; max-windth: 100%; margin: 0 auto; } .flexslider { margin: 0 !important; border: 0 !important; } .flexslider ul.sliders { list-style-type: none; } .flexslider ul.sliders li a div { max-width: 2000px; height: 745px; display: block; } /********************************************************************* * 固定ページ workflow *********************************************************************/ #workflow_flow { margin: 0 auto 40px; max-width: 412px; } #workflow_flow ul { margin: 0; padding: 0; list-style-type: none; } #workflow_flow ul li { padding: 0px 0px 10px 70px; } #workflow_flow ul li.workflow_flow_item01 { background: url(../img/workflow/icon1.png) no-repeat; } #workflow_flow ul li.workflow_flow_item02 { background: url(../img/workflow/icon2.png) no-repeat; } #workflow_flow ul li.workflow_flow_item03 { background: url(../img/workflow/icon3.png) no-repeat; } #workflow_flow ul li.workflow_flow_item04 { background: url(../img/workflow/icon4.png) no-repeat; } #workflow_flow ul li.workflow_flow_item05 { background: url(../img/workflow/icon5.png) no-repeat; } #workflow_flow ul li.workflow_flow_item06 { background: url(../img/workflow/icon6.png) no-repeat; } #workflow_flow ul li.workflow_flow_item07 { background: url(../img/workflow/icon7.png) no-repeat; } #workflow_flow ul li.workflow_flow_item08 { background: url(../img/workflow/icon8.png) no-repeat; } #workflow_flow ul li h3 { font-size: 17px; font-weight: normal; color: #016d49; letter-spacing: 5px; margin: 0; padding: 0; } #workflow_flow ul li p { font-size: 15px; } #workflow_flow ul li:after { margin: 14px 0 10px 108px; display: block; content: ''; background: url(../img/workflow/icon_arow.png) no-repeat top center; height: 46px; width: 46px; } #workflow_flow ul li:last-child:after { margin: 0; display: none; content: ''; background: none; height: 0px; width: 0px; } .box1 { padding: 24px 0; } .box1 h2 { text-align: center; font-size: 16px; font-weight: normal; margin: 0; padding: 0 0 10px 0; } .box1 ul { margin: 0px; padding: 0px; list-style-type: none; } .box1 ul li { display: block; float: left; min-width: 23%; white-space: nowrap; padding: 2px 1%; font-size: 15px; } .box2 { padding: 20px 10%; } .box2 h2 { text-align: center; font-size: 14px; font-weight: normal; } .box2 ul { margin: 0px; padding: 0px; list-style-type: none; } .box2 ul li { display: block; float: left; min-width: 48%; white-space: nowrap; padding: 0 1%; } /********************************************************************* * お問い合わせスペース *********************************************************************/ #contents_contact { text-align: center; font-size: 15px; padding: 0 10px; } #contents_contact > h3 { margin: 0; } #contents_contact > p { letter-spacing: 2px; } #contents_contact_tel_area { max-width: 500px; margin: 10px auto 0; } #contents_contact_tel_designoffice { float: left; width: 50% } #contents_contact_tel_designoffice > img { } #contents_contact_tel_photooffice { float: right; width: 50%;} #contents_contact_tel_photooffice > img { } #contents_contact_mail { } #contents_contact_mail_email { } #contents_contact_mail_email > img { } #contents_contact_mail_botton { } #contents_contact_mail_botton > img { } /********************************************************************* * 制作実績 *********************************************************************/ .graphic_portfolio img { width: auto !important; max-width: 100%; } .graphic_portfolio { position: relative; overflow: hidden; width: 100%; height: 745px; } .graphic_portfolio_mainpanel { margin: 0 auto; top: 90px; position: relative; } .graphic_portfolio_mainpanel div { left: 0px; top: 0px; width: 100%; display: table; height: 350px; } .graphic_portfolio_mainpanel div div { text-align: center; vertical-align: middle; display: table-cell; height: 350px; } .graphic_portfolio_mainpanel div div img { display: inline-block !important; /* box-shadow: 3px 3px 20px black; */ max-height: 350px !important; } .graphic_portfolio_mainpanel div div img { display: none; } .graphic_portfolio_mainpanel div div img:nth-child(1) { display: table-cell; } .graphic_portfolio_nav { position: absolute; top: 512px; width: 100% } .graphic_portfolio_nav ul { margin: 0px; padding: 0px; list-style-type: none; max-width: 700px; margin: 0 auto; text-align: center; } .graphic_portfolio_nav ul li { display: inline-block; margin: 0 2%; } .graphic_portfolio_nav ul li a { } .graphic_portfolio_nav ul li a img { display: inline !important; } .graphic_portfolio_nav { color: white; font-size: 12px; } /********************************************************************* * その他 *********************************************************************/ .lightboxOverlay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10) !important; opacity: 0.1 !important; } #header_nav_container { z-index: 999; } .box3 { text-align: center; padding: 24px; box-shadow: 0 0 0 1px #585657; border: 1px solid #E1DFE0; } .mt25 { margin-top: 25px; } .mt50 { margin-top: 50px; } .mb25 { margin-bottom: 25px; } .mb50 { margin-bottom: 50px; } .mb250 { margin-bottom: 250px; } .center { text-align: center; } hr { margin: 34px auto; border-top: 1px solid #7FB7A3; width: 70%; } /********************************************************************* * Concept 考え方 *********************************************************************/ #concept_contents { font-size: 14px; line-height: 1.5em; } #concept_contents p { font-size: 14px; line-height: 30px; } /********************************************************************* * Contact 問い合わせ *********************************************************************/ #contact_form { font-size: 15px; letter-spacing: 2px; margin: 0 auto; max-width: 650px; padding: 0 18px; } #contact_form dl {} #contact_form dl dt { margin: 30px 0 0 0; position: relative; } #contact_form dl dt:first-child { margin: 0; } #contact_form dl dd { margin: 0; } #contact_form dl dt.require:after { display: block; position: absolute; left: -14px; top: 3px; content: '*'; color: red; font-weight: normal; } #contact_form input.type_text, #contact_form textarea { width: 100%; border: 1px solid #EFEFEF; background: #EFEFEF; padding: 0px; display: block; line-height: 30px; } #contact_form textarea { height: 16em; } #contact_form label { display: block; } #contact_form input#submit { background: #006F48; color: white; } .contact_googlemap {} .contact_googlemap iframe { width: 100%;} /********************************************************************* * フッター *********************************************************************/ .footer-container { background: #006E47; color: white; } /********************************************************************* * *********************************************************************/ /********************************************************************* * TOP *********************************************************************/ #footer_twitter {text-align: center;} #footer_access {text-align: center;} #footer_access_googlemap_botton { margin: 0 0 20px 0; text-align: center; } #footer_access_images { max-width: 1000px; margin: 20px auto; } #footer_access_images_left { width: 50%; float: left; } #footer_access_images_right { width: 50%; float: right; } #footer_access_images_right iframe { width: 100%; height: 360px; } @media screen and (max-width: 1000px) { #footer_access_googlemap_botton {} #footer_access_images { } #footer_access_images_left { float: none; width: auto; display: none; } #footer_access_images_right { float: none; width: auto; } #footer_access_images_right iframe { width: 100%; height: 360px; } } /********************************************************************* * コンセプト *********************************************************************/ #concept_contents p { letter-spacing: 0.6px; font-size: 14px; } #concept_contents hr { margin: 46px auto; width: 100%; border-top: 2px solid #E7E7E7; }