/* clear style */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1} .cf:after { /*floatの解除、ここがポイント*/ display:block; clear:both; height:0px; visibility:hidden; content:"."; } .cf { min-height: 1px; /*IE6、7対策*/ } * html .cf { height: 1px; /*¥*//*/ /*MAC IE5.x対策*/ height: auto; overflow: hidden; /**/ } /* resetter */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* basic styles */ body { -webkit-text-size-adjust:none; color: #333; font: 13px/1.231 Verdana, 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif; *font-size: small; *font: x-small; line-height: 1.7; padding: 0; margin: 0; border-top:solid 7px #0b346e; background: #fff; } /* for Win IE8 */ head~/* */body {font: 13px/1.231 Verdana, 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif;} html:not(:target) body { font: 13px/1.231 Verdana, 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif; *font: 13px/1.231 Verdana, 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif; background: #fff url(images/bg.png) repeat; background-size: 1200px 846px; overflow-x: hidden; } h1{} #main h1{background: url(images/title_bg1.png) no-repeat left top; background-size: 710px 90px; height: 90px; line-height: 90px; padding: 0; font-size: 2em; letter-spacing: 0.5px; margin-bottom: 25px; color: #11385d; font-weight: normal;} #main h2{border-bottom: solid 1px #7a7705; color:#565301; padding: 0 0 15px 0; font-size: 1.8em; letter-spacing: 1px; margin: 20px 0 20px 0; font-weight: normal;} #main p{margin-bottom: 25px; line-height: 1.8; font-size: 1.1em; letter-spacing: 0.5px; } a{color: #0572aa; text-decoration: none;} a:hover{color: #0886c4; text-decoration: underline;} .fl{float:left !important; display:inline;} .fr{float:right !important; display:inline;} .center{text-align: center;} .small{font-size: 90% !important;} .large{font-size: 120% !important;} .xlarge{font-size: 150% !important;} .bold{font-weight: bold;} .empty{margin: 0 0 100px 0; text-align: center; padding: 70px 0; background: #f0f0f0; } .center{text-align: center;} .text_a{color: #6a5001; text-shadow: 0px -2px #fff,2px 0px #fff,0px 2px #fff,-2px 2px #fff; font-size: 120%; margin-bottom: 20px;} .text_b{} .text_c{} .col_a{color: #0572aa; } /* デフォルトブルー */ .col_b{color: #aa3b05;} /* 茶 */ .col_c{color: #eee;}/* グレー */ .col_d{color: #999;}/* グレー */ .box_b{background: #f3f3f3; padding: 20px 20px 5px 20px; margin-bottom: 30px;} .box_b h2{border-bottom:none !important; padding-bottom: 0 !important;} .box_b h2:before{content: none;} .box_c{margin-bottom: 50px !important;} .box_d{margin-bottom: 30px !important;} .hr_a{height: 1px; border: none; border-top: 2px #ddd solid; margin: 15px 0; text-shadow: 0px 1px 0px #fff;} .link_a {margin: 15px auto;} .link_a a{ width: 360px; height: 48px; line-height: 48px; margin: 0 auto; border-radius: 24px; color: #fff; font-size: 1.15em; display: block; text-align: center; } .link_a a:hover{ filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; text-decoration: none; } .link_a.c_a a{background: #ed6d7e;} .link_a.c_b a{background: #6acdde;} .link_b {margin: 5px auto;} .link_b a{ padding: 3px 15px; margin: 0 auto; border-radius: 2px; color: #fff; font-size: 1.1em; display: inline-block; text-align: center; } .link_b a:hover{ filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; text-decoration: none; } .link_b.c_a a{background: #ed6d7e;} .link_b.c_b a{background: #6acdde;} .txtshadow_a{ background-color:#fccd13; color:#614d19; text-shadow:-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff;} .txtshadow_a:hover{color:#907122; text-decoration: none;} .link_a a:after{font-family: 'FontAwesome'; content: "\f105"; font-size: 17px; float:right; display:inline; margin-right: 20px;} #main ul.list_a {margin-top: 20px;} #main ul.list_a li{border-bottom: solid 1px #ddd; padding: 0 0 20px 0; margin: 0 0 20px 0; overflow: hidden;} #main ul.list_a li .label{width: 220px; float:left; display:inline; font-weight: bold;} #main ul.list_a li .value{width: 550px; float:left; display:inline;} img{width: 100%; height: auto;} .sp{display: none;} .pc{display: block;} /* #Layout Styles ================================================== */ #header{margin: 0 auto; padding: 0 20px; width: 990px; height: 130px; overflow: hidden; } #header h1{ top:15px; position:relative; float:left; display:inline;} #header h1 a{display: block; width: 198px; height: 102px; margin: 0 auto; text-indent: -9999px; background:url(images/logo.png); background-size: 198px 102px;} #header div{float:right; display:inline; width: 792px; overflow: hidden; background: url(images/cloud.png) no-repeat left top; } #header div h2{margin-top: 40px; float:left; display:inline; width: 360px; padding-left: 20px;} #header div ul{float:left; display:inline; width: 241px;text-align: center; margin-top: 33px;} #header div ul li{display: inline-block; } #header div ul li a{display: block; background:#0b346e; padding: 5px 25px; color: #fff; margin-right: 10px; border-radius: 20px; font-size: 0.85em;} #header div a.contact{float:left; display:inline; width: 171px; height: 72px; margin-top: 5px;} #nav{margin: 0 auto; padding: 0 0 0 20px ; width: 772px; position: relative; padding-left: 218px; top:-43px;} #nav ul{ border-color: #0b346e; border-width: 1px 0 1px 0; border-style: solid; overflow: hidden;} #nav li{float:left; display:inline; width: 128px;} #nav li a{ background: url(images/dot1.png) no-repeat right center; color: #333; text-align: center; display: block; background-size: 7px 7px; height: 26px; line-height: 26px; font-weight: bold;} #nav li.last a{background-image: none;} #container, .inner{width: 990px; margin: 0 auto ; padding: 0 20px;} #main {} #main.case {width: 100%; } #main h1.title{text-indent:-9999px; height: 117px;} #main h2, #home_top h2, #home_case h2, #home_bottom h2{ background: url(images/icon_a.png) no-repeat left center; background-size: 26px 23px; line-height: 23px; padding-left: 30px; font-size: 1.35em; min-height: 23px; margin-bottom: 20px; letter-spacing: 1.5px;} #main h2 a{color: #333;} #main .description{overflow: hidden; margin-bottom: 30px;} #main .description p{float:left; display:inline; } #main .go_contact{width: 460px; margin: 30px auto; background: #fccd13; height: 70px; text-align: center; line-height: 70px; font-size: 1.3em; display: block; color:#614d19; font-weight: bold; text-shadow:-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff;} #main .description .go_contact{float:right; display:inline; margin: 0; } #main .go_contact:hover{text-decoration: none; background: #f0c000; } #sform{width: 250px; float:left; display:inline; margin-right: 25px; background: #f0f0f0; padding: 0 15px; margin-bottom: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } #aside{width: 250px; float:left; display:inline; margin-right: 25px; background: #f0f0f0; padding: 0 15px; margin-bottom: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } #aside ul {} #aside ul li{margin-bottom: 15px; font-size: 1.1em;} #aside ul li:before{font-family: 'FontAwesome'; content: "\f114"; color:#0b346e; font-size: 17px; padding-right: 5px} #aside ul li a{color: #333;} #sform h2, #aside h2{margin: 0 0 15px 0; padding: 0 0 15px 30px; font-size: 1.1em; font-weight: bold; line-height: 45px; height: 30px; border-color: #fff; border-width: 0 0 2px 0} .qa #aside h2{margin: 20px 0 25px 0; padding: 0 0 20px 30px; font-size: 1.1em; font-weight: bold; line-height: 1.6; height: auto; border-color: #fff; border-width: 0 0 2px 0; background-position-y: 0px; } .qa #aside h2 a{color: #333;} #sform h3, #aside h3{margin: 20px 0 10px 0; letter-spacing: 1.5px; font-size: 1.1em; } #sform h4{margin: 20px 0 5px 0; letter-spacing: 1.5px; font-size: 1.1em; color: #777;} #sform .submit{margin: 15px 0; } #sform .submit input{display: block; background: #fccd13; border-style: solid; border-width: 0 0 2px 0; border-color: #c2a11b; width: 100%; height: 35px; line-height: 32px; color: #614d19; font-size: 1.1em; font-weight: bold; letter-spacing: 1.5px;} #sform .select{margin-bottom: 25px;} #sform .select select{display: block; width: 100%; font-size: 1.2em;} #sform .check{margin-bottom: 5px;} #sform .check label{color: #777} #main.staff .items {position: relative; margin: 0 -3%; overflow: hidden;} #main.staff .items .item{width: 27.3%; float:left; display:inline; margin: 0 3%; margin-bottom: 40px;} #main.staff .items .item div.staff_img{width: 160px; margin: 0 auto; height: 160px; border-radius: 80px; margin-bottom: 15px; overflow: hidden} #main.staff .items .item img{display: block; height: 160px; width: 180px; margin-left: -10px;} #main.staff .items .item h3{text-align: center; margin-bottom: 5px; font-size: 1.1em;} #main.staff .items .item .job{text-align: center; text-align: center; margin-bottom: 15px;} #main.staff .items .item .job span{background: #0b346e; color: #fff; padding: 2px 15px; display: inline-block; border-radius: 10px; letter-spacing: 1px;} #main.staff .items .item .summary{line-height: 1.5; font-size: 1em;} #qa_res{width: 715px; float:left; display:inline; margin-bottom: 30px;} #qa_res h2{border: none; margin: 0 0 20px 0; padding: 5px 10px 5px 40px; font-weight: bold; font-size: 1.2em; background: #eee url(images/icon_a.png) no-repeat 10px center; background-size: 26px 23px;} #qa_res .item{margin-bottom: 40px;} #qa_res .item h3{font-size: 1.2em; margin-left: 30px; line-height: 1.6; margin-bottom: 20px;} #qa_res .item h3:before{content: "Q"; float:left; display:inline; position: relative; width:30px; margin-left: -30px; margin-right: 10px; overflow: hidden; height: 30px; background: #fccd13; line-height: 30px;text-align: center; border-radius: 30px; color: #fff; } #qa_res .item .answer{border-left: solid 2px #fccd13; padding:0 0 0 25px; margin-left:15px; position: relative; } #qa_res .item .answer:before{content: "A."; display: block; color: #fc1360; font-size: 1.2em; margin-right: 20px; position: relative; margin-bottom: 15px;} #info_res{width: 715px; float:left; display:inline; margin-bottom: 30px;} #info_res .item{border-bottom: solid 2px #0b346e; padding-bottom: 30px; margin-bottom: 30px; position: relative;} #info_res .item .date{position: absolute; left:0; top:0; font-size: 1.1em; letter-spacing: 1px;} #info_res .item h2, #info_res .item .summary, #info_res .item .cat{margin-left: 150px;} #info_res .item h2{background: none; font-weight: bold; padding: 0; margin: 0 0 15px 150px; line-height: 1.5; border:none; font-size: 1.2;} #info_res .item .summary{line-height: 1.6; color: #888; margin-bottom: 10px;} #info_res .item .cat:before{font-family: 'FontAwesome'; content: "\f114"; color:#0b346e; padding-right: 5px} #info_res .item .cat a{/* color: #333; */} #info_res .view{} #info_res .view h2{margin: 0; padding: 0; line-height: 1.6; background: none; border:none; font-weight: bold; margin-bottom: 20px;} #info_res .view .meta{ border-width: 2px 0 2px 0; border-color: #f4eac5; border-style: solid; padding: 15px 0; margin-bottom: 20px;} #info_res .view .meta .date{display: inline-block; margin-right: 20px; } #info_res .view .meta .date:before{font-family: 'FontAwesome'; content: "\f017"; color:#0b346e; padding-right: 5px} #info_res .view .meta .cat{display: inline-block; margin-right: 20px;} #info_res .view .meta .cat:before{font-family: 'FontAwesome'; content: "\f114"; color:#0b346e; padding-right: 5px} #info_res .view .meta .tags{display: inline-block;} #info_res .view .meta .tags:before{font-family: 'FontAwesome'; content: "\f02b"; color:#0b346e; padding-right: 5px} #info_res .view .entry_body{} #info_res .view .entry_body h2{font-size: 1.3em; margin-bottom: 15px;} #info_res .view .entry_body h2:before{font-family: 'FontAwesome'; content: "\f068"; color:#fdca00; padding-right: 5px; } #info_res .view .entry_body p{line-height: 1.75; } #info_res .view .entry_body ul{padding-left: 20px; margin: 20px 0;} #info_res .view .entry_body ul li{margin-bottom: 10px; line-height: 1.6; font-size: 1.1em; list-style-type: circle; } #info_res .view .entry_body img{width: auto; height: auto; display: block;} #case_res{width: 715px; float:left; display:inline; margin-bottom: 30px;} #case_res .items{} #case_res .items .item{border-bottom: solid 2px #0b346e; padding-bottom: 20px; margin-bottom: 20px;} #case_res .items .item h2{ border:none; color:#333; line-height: normal; padding: 0 0 0 35px; margin: 0 0 15px 0; font-weight: bold;} #case_res .items .item .thumb{width: 240px; float:left; display:inline;} #case_res .items .item .data{width: 450px; float:right; display:inline; position: relative; height: 158px;} #case_res .items .item .data h3{ font-size: 1.1em; margin-bottom: 5px; height: 35px; overflow: hidden;} #case_res .items .item .data .summary{color: #777; line-height: 1.4; height: 55px; overflow: hidden;} #case_res .items .item .data .point{margin: 10px 0; position: absolute; bottom: 30px;} #case_res .items .item .data .point ul{} #case_res .items .item .data .point ul li{ display: inline-block; background: #fc7b13; padding: 2px 10px; border-radius: 3px; margin-right: 3px;} #case_res .items .item .data .point ul li a{color: #fff; } #case_res .items .item .data .more{ position: absolute; bottom: 0; width: 100%; height: 30px; text-align: center; line-height: 30px; letter-spacing: 2px; font-weight: bold; border-radius: 15px; background: #0b346e; color: #fff;} #case_res .items .item .data .more:after{font-family: 'FontAwesome'; content: "\f105"; text-shadow: none;color: #fff; float:right; display:inline; right: 15px; position: relative; font-size: 20px; } #case_res .items .item .data .more:hover{background: #124287;} /* index page styles */ #home_top .slide{float:left; display:inline; width: 680px; height: 350px; position: relative;} #home_top .slide a{display: block; } #home_top .slide a img{display: block; position: absolute; width: 100%; height: auto; top:0; left: 0;} #home_top .slide a h1{display: block; position: absolute; left: 0; bottom:-1px; color: #756439; letter-spacing: 1px; font-size: 1.9em; width: 640px; padding: 20px 20px; background: rgba(255, 255, 255, 0.8)} #home_top .slide a h1:after{font-family: 'FontAwesome'; content: "\f0a9"; font-size: 27px; color:#fccd13; float:right; display:inline; margin-right: 20px;} #home_top .info{float:right; display:inline; width: 280px; border:solid 1px #c8c0a5; padding: 10px; height: 350px; border-radius: 2px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } #home_top .info h2{font-size: 1.25em;} #home_top .info ul{border-top:solid 3px #c8c0a5; margin: -10px 0 10px 0; padding: 0px 0;} #home_top .info ul li{border-bottom: solid 1px #ddd; padding: 11px 0;} #home_top .info ul li .date{margin-bottom: 5px; font-size: 1.05em;} #home_top .info ul li h3 a{font-size: 1.0em; color: #786109; } #home_top .info .more{display: block; position: absolute; bottom: 1px; left: 0; width: 100%; height: 35px; font-weight: bold; text-align: center; line-height: 35px;} #home_top .plans{margin:40px 0;padding: 10px; background: #0b346e; } #home_top .plans .cover h2:before{font-family: 'FontAwesome'; content: "\f044"; display: block; background-color: #fc7b13; margin: 0 auto; width: 46px; height: 46px; line-height: 46px; font: normal; font-size: 30px; border-radius: 23px; margin-bottom: 10px; } #home_top .plans .cover h2{background: none; color: #fff; text-align: center; padding: 0; margin: 0 0 -30px 0; position: relative; top:-35px; font-size: 1.25em;} #home_top .plans .cover{float:left; display:inline; width: 210px; position: relative; height: 240px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } #home_top .plans .cover .summary{color: #fff; margin: 10px 0; line-height: 1.4;} #home_top .plans .cover .more{display: block; height: 30px; line-height: 30px; text-align: center; position: absolute; bottom:0; width: 100%;} #home_top .plans .cover .more:after{font-family: 'FontAwesome'; content: "\f105"; margin-left: 20px; text-shadow: none;color: #fff; } #home_top .plans .items{float:right; display:inline; width: 750px; background: #fefcf4; padding: 0 0 20px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } #home_top .plans .items .item{float:left; display:inline; width: 345px; margin: 20px 20px 0 0; position: relative; } #home_top .plans .items .item .thumb{width: 115px; position: absolute; top:0; left: 0;} #home_top .plans .items .item h3, #home_top .plans .items .item .summary, #home_top .plans .items .item .more{margin-left: 125px;} #home_top .plans .items .item h3{color: #333; margin-bottom: 10px; height: 15px;} #home_top .plans .items .item .summary{font-size: 0.9em; height: 35px; overflow: hidden; margin-bottom: 10px; color: #777; line-height: 1.3;} #home_top .plans .items .item .more{display: block; border-radius: 10px; height: 20px; line-height: 20px; text-align: center; font-size: 1em;} #home_case{background: #fdf8e4 url(images/wall.png) repeat-x left bottom ; background-size: 995px 22px; padding: 30px 0 50px 0; margin-bottom: 50px;} #home_case h2 span{display: inline-block; background: url(images/fukidashi.png) no-repeat center center; width: 531px; height: 35px; font-size: 0.8em; letter-spacing: normal; text-align: center; line-height: 35px; color: #877856; font-weight: normal;} #home_case .items{position: relative; margin: 0 -15px;} #home_case .item{float:left; display:inline; width: 310px; margin: 0 15px;} #home_case .item h3{color: #5d502e; font-size: 1.2em; margin-bottom: 10px;} #home_case .item h3:before{font-family: 'FontAwesome'; content: "\f061"; margin-right: 5px;} #home_case .item .data{background: #fff; padding: 15px; border-radius: 5px;} #home_case .item .data .thumb{display: block; margin-bottom: 15px;} #home_case .item .data .summary{display: block; margin-bottom: 15px; line-height: 1.5;} #home_case .item .data .more{display: block; height: 30px;line-height: 30px; text-align: center;} #home_case .go_case{width: 600px; display: block; margin: 0 auto -20px auto; position: relative; bottom: -45px; height: 50px; border-radius: 30px; text-align: center; line-height: 50px; font-size: 1.3em; font-weight: bold;} #home_case .go_case:after{font-family: 'FontAwesome'; content: "\f0a9"; font-size: 27px; color:#fff; float:right; display:inline; margin-right: 20px; text-shadow:none; } #home_bottom{margin-bottom: 30px;} #home_bottom .items{overflow: hidden; margin: 0 -10px;} #home_bottom .items .item{float:left; display:inline; width: 182px; margin: 0 10px 20px 10px; } #home_bottom .items .item .thumb{display: block; margin-bottom: 7px;} #home_bottom .items .item h3{text-align: center; font-size: 1.1em;} #home_bottom .items .item h3 a{color: #786109;} #plan_res h2{ border:none; padding: 0 0 0 35px; font-weight: bold; display: flex;} #plan_res h2:after{margin-top: 10px; border-top: solid 2px #fccd13; margin-left: 10px; content: ""; display: inline; /* for IE */ flex-grow: 1; flex-grow-webkit: 1;} #plan_res .items{margin-left: 160px; margin-right: -15px; position: relative; overflow: hidden;} #plan_res .items .item{float:left; display:inline; margin: 0 15px 30px 15px;; width: 390px; } #plan_res .items .item h3{color: #5d502e; font-size: 1.3em; margin-bottom: 10px;} #plan_res .items .item h3:before{font-family: 'FontAwesome'; content: "\f061"; margin-right: 5px;} #plan_res .items .item .thumb{margin-bottom: 10px; display: block;} #plan_res .items .item .price{color: #fc7b13; font-weight: bold; display: inline-block; font-size: 1.2em; margin-bottom: 10px;} #plan_res .items .item .summary{line-height: 1.5; margin-bottom: 10px;} #plan_res .items .item .more{width: 100%; display: block; height: 35px; border-radius: 3px; line-height: 35px; text-align: center;} #plan_res2 h1{margin: 0 15px 20px 15px; background: #eee; font-size: 1.3em; padding: 10px; line-height: inherit; height: auto; font-weight: bold; } #plan_res2 h2{ border:none; padding: 0 0 0 35px; font-weight: bold; display: flex;} #plan_res2 h2:after{margin-top: 10px; border-top: solid 2px #fccd13; margin-left: 10px; content: ""; display: inline; /* for IE */ flex-grow: 1; flex-grow-webkit: 1;} #plan_res2 .items{ position: relative; overflow: hidden; margin: 0 -15px;} #plan_res2 .items .item{float:left; display:inline; margin: 0 15px 30px 15px;; width: calc(50% - 30px); } #plan_res2 .items .item h3{color: #5d502e; font-size: 1.3em; margin-bottom: 10px;} #plan_res2 .items .item h3:before{font-family: 'FontAwesome'; content: "\f061"; margin-right: 5px;} #plan_res2 .items .item .thumb{float:left; display:inline; width: calc(35% - 15px); margin-right: 15px;} #plan_res2 .items .item .note{float:left; display:inline; width: 65%; } #plan_res2 .items .item .note ul{margin: 0 0 20px 0;} #plan_res2 .items .item .note ul li{display: inline-block; margin: 0 10px 10px 0; font-size: 1.3em;} #plan_res2 .items .item .note ul li:before{font-family: 'FontAwesome'; content: "\f0da"; margin-right: 3px; color: #773a09; } #plan_res2 .items .item .price{color: #fc7b13; font-weight: bold; display: inline-block; font-size: 1.2em; margin-bottom: 10px;} #plan_res2 .items .item .summary{line-height: 1.5; margin-bottom: 10px;} #plan_res2 .items .item .more{width: 100%; display: block; height: 35px; border-radius: 3px; line-height: 35px; text-align: center;} #main.case h1.title, #main.case_list h1.title{background:url(images/title_case.png) no-repeat; background-size:990px 117px;} #main.case.plan h1.title, #main.plan_list h1.title{background:url(images/title_plan.png) no-repeat; background-size:990px 117px;} #main.info h1.title{background:url(images/title_info.png) no-repeat; background-size:990px 117px;} #main.staff h1.title{background:url(images/title_staff.png) no-repeat; background-size:990px 117px;} #main.qa h1.title{background:url(images/title_qa.png) no-repeat; background-size:990px 117px;} #main.company h1.title{background:url(images/title_company.png) no-repeat; background-size:990px 117px;} #main.contact h1.title{background:url(images/title_contact.png) no-repeat; background-size:990px 117px;} #main.case .cover{background: #fcf5dd url(images/wall.png) repeat-x left bottom; padding: 50px 30px 72px 30px; background-size:995px 22px; text-align: center; margin-bottom: 30px;} #main.case .cover h2{color: #5d502e; font-size: 2em; border: none; font-weight: bold !important; background: none; text-shadow:-3px -3px 0px #ffffff, 3px -3px 0px #ffffff, 3px 3px 0px #ffffff, -3px 3px 0px #ffffff;} #main.case .cover h3{color: #886703; font-size: 1.6em; border: none; font-weight: bold !important; text-shadow:-3px -3px 0px #ffffff, 3px -3px 0px #ffffff, 3px 3px 0px #ffffff, -3px 3px 0px #ffffff;} #main.case h4 { font-size: 1.2em; margin-bottom: 25px; font-weight: bold; display: flex; align-cards: center; } #main.case h4:after { margin-top: 10px; border-top: solid 1px #784736; margin-left: 30px; content: ""; display: inline; /* for IE */ flex-grow: 1; flex-grow-webkit: 1 } #main.case h4 i{color: #fccd13; font-size: 1.1em; padding-right: 5px;} #main.case .point h4:before { margin-top: 10px; border-top: solid 1px #784736; margin-right: 30px; content: ""; display: inline; /* for IE */ flex-grow: 1; flex-grow-webkit: 1 } #main.case .point{margin-bottom: 30px;} #main.case .point ul{text-align: center;} #main.case .point ul li{display: inline-block; margin: 0 10px; } #main.case .point ul a{display: block; background: #fccd13; border-radius: 2px; color: #614d19; font-weight: bold; padding: 3px 20px; text-shadow: 0px 1px 0px #fff; } #main.case .point ul a:hover{text-decoration: none; background: #ffd21f;} #main.case .about_price{background:#fc7b13; color: #fff; font-weight: bold; display: inline-block; padding: 4px 20px; font-size: 1.2em; border-radius: 2px; margin-bottom: 15px;} #main.case .about_price span{font-size: 0.8em; font-weight: normal; padding-right: 5px;} #main.case .info{float:left; display:inline;width: 480px; } #main.case .info .request{background: #fdf8e4; padding: 20px 20px 7px 20px; margin-bottom: 20px;} #main.case .info .request h4{margin-bottom: 10px;} #main.case .info .meta ul{} #main.case .info .meta ul li{ overflow: hidden; border-bottom: solid 1px #ddd; margin-bottom: 20px;} #main.case .info .meta ul li div{ float:left; display:inline; padding-bottom: 20px; font-size: 1.1em; line-height: 1.6;} #main.case .info .meta ul li .key{width: 120px; color: #888;} #main.case .info .meta ul li .val{width: 360px;} #main.case .gallery{float:right; display:inline;width: 480px; } #main.case .gallery .thumbs {margin: 20px 0;} #main.case .gallery .thumbs ul{overflow: hidden; margin: 0 -10px; position: relative;} #main.case .gallery .thumbs ul li{float:left; display:inline; margin: 0 10px 20px 10px; width: 230px; } #main.case .gallery .thumbs ul li img{height: auto;} #main.case .gallery .thumbs ul li a{display: block; margin-bottom: 5px;} #main.case .gallery .thumbs ul li div{color: #888; font-size: 1em;} #bottom{background: #f0f0f0; } #bottom .inner{margin: 0 auto; padding: 30px 20px; width: 990px; overflow: hidden;} #bottom .info{width: 480px; float:left; display:inline;} #bottom .info.first{margin-right: 30px; width: 450px;} #bottom .info p{font-size: 1.15em; line-height: 1.65;margin-bottom: 30px;} #bottom h3 { font-size: 1.4em; margin-bottom: 25px; font-weight: bold; display: flex; align-cards: center; } #bottom h3:after { margin-top: 10px; border-top: solid 3px #fff; margin-left: 30px; content: ""; display: inline; /* for IE */ flex-grow: 1; flex-grow-webkit: 1 } #bottom .go_link{width: 100%; margin: 30px auto; background: #fccd13; height: 70px; text-align: center; line-height: 70px; font-size: 1.3em; display: block; color:#614d19; font-weight: bold; text-shadow:-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff; border-radius: 3px;} #bottom .go_link:hover{text-decoration: none; background: #f0c000; } #main.contact .body{margin: 0 auto; width: 700px;} table.t1{border-collapse: collapse; } #main.company table.t1{width: 800px; margin: 30px auto; } #main.contact table.t1{width: 100%; margin: 30px auto; } table.t1 tr{border-bottom: solid 1px #eee; } table.t1 td, table.t1 th{ padding:15px 0; vertical-align: top; font-size: 1.15em; line-height: 1.6;} table.t1 th{text-align: left; font-weight: normal; color: #777; line-height: 1.5; width: 25%;} table.t1 th span{color: #cb3a1a; font-size: 80%;} table.t1 td{width: 75%;} .f1 .text input, .f1 .textarea textarea{padding: 5px; font-size: 110%; border: solid 1px #ccc;} .f1 .text input {width: 90%;} .f1 .textarea textarea {width: 90%; height: 150px;} .f1 .radio{overflow: hidden;} .f1 .radio p{float:left; display:inline; margin-right: 15px;} .f1 .radio label{padding-left: 3px;} .f1 .submit {text-align: center;} .f1 .submit input{ border: none; border-radius: 2px; display: inline-block; color: #fff; background: #ee800a; font-size: 105%; vertical-align: middle; padding: 5px 30px; } .f1 .submit input:hover{cursor: pointer;} .f1 ul.errors{color: #cb3a1a; background: #fcf6e6; padding: 10px; border-radius: 3px; margin-bottom: 20px;} .f1 ul.errors li{line-height: 1.5; } .tbl4 { width: 100%; margin-bottom: 30px; margin-left: auto; margin-right: auto; border-color: #000; border:solid 0px #fff; border-collapse: collapse; } .tbl4 tr{} .tbl4 tr th, .tbl4 tr td{font-size: 110%; padding: 20px 10px 20px 10px; border-bottom: solid 1px #eee;} .tbl4 tr th { background-color: #fff; padding-top: 10px; padding-bottom: 10px; text-align: left; vertical-align: top;} .tbl4 tr td.num{text-align: center;} .tbl4 .impact{color:#d77d15; } .tbl4 input, .tbl4 textarea{padding: 5px; font-size: 115%; border: solid 1px #ccc;} .tbl4 div.submit input{background: #ddd; border-radius: 1px; padding: 5px 10px; border:none; font-weight: bold !important;} .tbl4 div.submit input:hover{cursor: pointer; background: #d9d9d9;} .tbl4 select{font-size: 1.1em;} .wp-pagenavi{text-align: center; overflow: hidden; margin: 10px 0 30px 0;} .wp-pagenavi a, .wp-pagenavi span{float:none; display:inline-block; height:28px; min-width:28px; line-height: 28px; text-align: center; margin: 0 3px; font-size: 1.2em; color: #0b346e;} .wp-pagenavi a{ border: solid 1px #0b346e; } .wp-pagenavi span.current{font-weight: bold;} .wp-pagenavi span{ border: solid 1px #222; background: #0b346e; color: #fff;} .wp-pagenavi span.extend{border: none !important; background: #fff !important; padding: 0 !important; color: #ccc !important;} .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{ border-color:#fff; font-size: 1.7em; font-weight: bold; } #footer{background: #0b346e; } #footer .inner{margin: 0 auto; padding: 30px 20px 10px 20px; width: 990px; overflow: hidden;} #footer ul{margin: 30px 0; text-align: center; } #footer ul li{display: inline; padding: 0 20px;} #footer ul li a{color: #fff;} #footer .copyright{color: #fff; text-align: center;} /* スマホ用 */ /* All Mobile Sizes (devices and browser) */ /* Note: Design for a width of 320px */ /* @media only screen and (max-width: 568px) { */ @media only screen and (max-width: 736px) { .sp{display: none;} .pc{display: block;} #header{margin: 0 auto; padding: 0 10px; width: auto; height: auto; overflow: hidden; } #header h1{float: none; display: block; text-align: center; top:0;} #header h1 a{width: 150px; height: 70px; background-size: 150px 70px;} #header div{float:none; display:block; width: auto; background: none; text-align: center; padding: 0;} #header div h2{margin: 10px 0; float: none; display: block; font-size: 0.8em; padding: 0;} #header div a.contact{display: none;} #header div ul{display: none;} #nav{margin: 0 auto; padding: 5px 0 15px 0px ; width: auto; position: relative; padding-left: 0; top:auto;} #nav li{width: 50%; margin: 3px 0; } #nav li a{background: none; height: auto; line-height: inherit; } #container, .inner{width: auto; padding: 0 10px;} #main h2, #home_top h2, #home_case h2, #home_bottom h2{ background: url(images/icon_a.png) no-repeat left center; background-size: 26px 23px; line-height: 23px; padding-left: 30px; font-size: 1.25em; min-height: 23px; margin-bottom: 15px; letter-spacing: 1.3px;} #main .description{overflow: hidden; margin-bottom: 0px; padding: 0;} #main .description p{float:none; display:block; } #main .go_contact{display: none !important;} #main .description .go_contact{float:none; display:block; margin: 0; } #sform{display: none;} #aside{display: none;} #case_res{width: auto; float:none; display:block; margin-bottom: 30px;} #case_res .items{} #case_res .items .item{border-bottom: solid 2px #0b346e; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; position: relative;} #case_res .items .item h2{ font-size:1.1em; padding: 0 0 0 0px; margin: 0 0 5px 0; } #case_res .items .item h2{background: none;} #case_res .items .item .thumb{width: 150px; float:left; display:inline; } #case_res .items .item .data{width: calc(100% - 155px) !important; float:right; display:inline;min-height: 85px; position: relative; height: auto;} #case_res .items .item .data h3{display: none;} #case_res .items .item .data .summary{display: none !important;} #case_res .items .item .data .point{margin: 0px 0 5px 0; position: relative; bottom: auto;} #case_res .items .item .data .point li{font-size: 0.9em; margin: 0 5px 5px 0;} #case_res .items .item .data .more{ position: absolute; bottom: 0; width: 100%; height: 25px; text-align: center; line-height: 25px; letter-spacing: 2px; font-weight: bold; border-radius: 15px; background: #0b346e; color: #fff;} #case_res .items .item .data .more:after{content: none;} #main.case .cover{ padding: 20px 10px 32px 10px; } #main.case .cover h2{font-size: 1.5em; text-shadow:none; padding: 0; margin: 0 0 15px 0;} #main.case .cover h3{font-size: 1.1em; text-shadow: none;} #main.case .point ul li{margin: 0 5px 5px 5px; } #main.case .info{float:none; display:block;width: auto; } #main.case .info .meta ul li div{ float:none; display:block; font-size: 1.1em; line-height: 1.4;} #main.case .info .meta ul li .key{width: auto;padding-bottom: 3px; } #main.case .info .meta ul li .val{width: auto; padding-bottom: 10px;} #main.case .gallery{float:none; display:block;width: auto; } #main.case .gallery .thumbs ul li{float:left; display:inline; margin: 0 1% 10px 1%; width: 48%; } #main.staff .items {position: relative; margin: 0 -3%; overflow: hidden;} #main.staff .items .item{width: 44%; float:left; display:inline; margin: 0 3%; margin-bottom: 40px;} #main.staff .items .item .summary{display: none;} #qa_res{width: auto; float:left; display:inline; margin-bottom: 30px;} #qa_res .item{margin-bottom: 20px;} #qa_res .item h3{font-size: 1.1em; line-height: 1.5; margin-bottom: 10px;} #qa_res .item .answer p{line-height: 1.4;} #qa_res .item .answer:before{ margin-bottom: 5px;} #home_top .slide{float: none; display: block;width: 100%;height: auto; margin-bottom: 10px;} #home_top .slide a h1{} #home_top .slide a img{position: relative; } #home_top .slide a h1{font-size: 1.2em; line-height: 1.5; padding: 10px; text-align: center; width: calc(100% - 20px);} #home_top .slide a h1:after{content: none;} #home_top .info{float: none; display: block;width: auto; height: auto; overflow-y: scroll;} #home_top .info ul{height: 120px; overflow-y: scroll; margin-bottom: 35px;} #home_top .info ul li{padding: 6px 0;} #home_top .info ul li .date{margin-bottom: 3px;} #home_top .plans{margin:10px 0; position: relative;} #home_top .plans .cover h2{background: none; color: #fff; text-align: center; padding: 0; margin: 0 0 10px 0; top:auto;} #home_top .plans .cover h2:before{content: none;} #home_top .plans .cover{float:none; display:block; width: auto; position:static; height: auto;} #home_top .plans .cover img{display: none;} #home_top .plans .cover .summary{display: none;} #home_top .plans .cover .more{position: absolute; width: 100%; bottom: 0; left: 0;} #home_top .plans .items{float: none; display: block; width: auto; overflow: hidden; margin: 0 0 15px 0; padding: 10px;} #home_top .plans .items .item{width: 100%; margin: 0 5px 15px 5px; height: 70px; } #home_top .plans .items .item .thumb{width: 70px;} #home_top .plans .items .item h3, #home_top .plans .items .item .summary, #home_top .plans .items .item .more{margin-left: 75px;} #home_top .plans .items .item .summary{display: none;} #home_top .plans .items .item .more{position: absolute; bottom:0; left: 0; width: calc(100% - 75px); } #home_case{padding: 30px 0 30px 0; margin-bottom: 20px; /* background-color:#fff; */} #home_case h2 span{display: none;} #home_case .items{margin: 0; } #home_case .item{float:none; display:block; width: auto; margin: 0 0px 15px 0; } #home_case .item h3{margin-bottom: 5px;} #home_case .item .data .summary{margin-bottom: 5px; line-height: 1.3;} #home_case .go_case{width: 80%; display: block; margin: 0 auto 0px auto; position: relative; bottom: 0px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; font-size: 1.2em; font-weight: bold;} #home_case .go_case:after{content: none;} #home_bottom .items .item{float:left; display:inline; width: calc(50% - 10px); margin: 0 5px 20px 5px; } #home_bottom .items .clear{display: none;} #plan_res h2{ border:none; padding: 0 0 0 35px; font-weight: bold; display: flex;} #plan_res h2:after{margin-top: 10px; border-top: solid 2px #fccd13; margin-left: 10px; content: ""; display: inline; /* for IE */ flex-grow: 1; flex-grow-webkit: 1;} #plan_res .items{margin-left: 0; margin-right: 0px; position: relative; overflow: hidden;} #plan_res .items .item{float:none; display:block; margin: 0 0px 20px 0px;; width: auto; } #plan_res .items .item h3{color: #5d502e; font-size: 1.3em; margin-bottom: 10px;} #plan_res .items .item h3:before{font-family: 'FontAwesome'; content: "\f061"; margin-right: 5px;} #plan_res .items .item .thumb{margin-bottom: 10px; display: block;} #plan_res .items .item .price{color: #fc7b13; font-weight: bold; display: inline-block; font-size: 1.2em; margin-bottom: 10px;} #plan_res .items .item .summary{line-height: 1.5; margin-bottom: 10px;} #plan_res .items .item .more{width: 100%; display: block; height: 35px; border-radius: 3px; line-height: 35px; text-align: center;} #main h1.title{width: calc(100% + 20px); margin: 0 -10px; background: #316286 !important; color: #fff !important; text-indent:inherit; height: 70px; line-height: 70px; padding: 0 10px; font-size: 1.3em; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } #bottom{background: #f0f0f0; display: none;} #bottom .inner{margin: 0 auto; padding: 15px 10px; width: auto; overflow: hidden;} #bottom .info{width: auto; float:none; display:block;} #bottom .info.first{margin-right: 0px; width: 100%;} #bottom h3{margin-bottom: 10px;} #bottom p{line-height: 1.4 !important; font-size: 1em !important;} #bottom .go_link{width: 100%; margin: 10px auto 30px auto; height: 30px; line-height: 30px; font-size: 1.2em;} #footer .inner{margin: 0 auto; padding: 20px 10px 10px 10px; width: auto; overflow: hidden;} #footer ul{margin: 10px 0; text-align: center; } #footer ul li{display: inline-block; padding: 0 10px 10px 10px;} #main.contact .body{margin: 0 auto; width: 100%;} #main.company table.t1{width: 100%; margin: 10px auto; } #main.contact table.t1{width: 100%; margin: 10px auto; } .f1 .text input, .f1 .textarea textarea{ } .tbl4 .text input, .tbl4 .textarea textarea{width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } table.tbl4, table.tbl4 tbody, table.tbl4 td, table.tbl4 th, table.tbl4 tr{display: block;} table.tbl4 th{border:none; margin-bottom: 3px; padding: 0;} table.tbl4 td{border:none; padding: 0; } table.tbl4 tr{border-bottom: solid 1px #ddd; margin-bottom: 10px; padding-bottom: 10px;} }