Showing
172 changed files
with
3542 additions
and
0 deletions
about/_notes/dwsync.xml
0 → 100644
about/index.html
0 → 100644
This diff is collapsed. Click to expand it.
common/css/_mixin_common.scss
0 → 100644
| 1 | + | ||
| 2 | +/* ボックスレイアウト | ||
| 3 | +=========================================== */ | ||
| 4 | +$box_min: 1; | ||
| 5 | +$box_max: 12; | ||
| 6 | +@for $i from $box_min through $box_max { | ||
| 7 | + .flex.col_#{$i}{ | ||
| 8 | + >div{ | ||
| 9 | + width:#{(100 / $i)}#{'%'}; | ||
| 10 | + @media only screen and (max-width: 767px){ | ||
| 11 | + width: 100%; | ||
| 12 | + } | ||
| 13 | + } | ||
| 14 | + } | ||
| 15 | + .flex.flex-between.col_#{$i}{ | ||
| 16 | + >div{ | ||
| 17 | + width:#{(100 / $i - 1.5)}#{'%'}; | ||
| 18 | + @media only screen and (max-width: 767px){ | ||
| 19 | + width: 100%; | ||
| 20 | + } | ||
| 21 | + } | ||
| 22 | + } | ||
| 23 | +} | ||
| 24 | + | ||
| 25 | +/* margin | ||
| 26 | +=========================================== */ | ||
| 27 | +// 指定するmarginの範囲を定義 | ||
| 28 | +$margin-min: 1; | ||
| 29 | +$margin-max: 100; | ||
| 30 | +@for $i from $margin-min through $margin-max { | ||
| 31 | + .mt#{$i} { | ||
| 32 | + margin-top: #{$i}px; | ||
| 33 | + } | ||
| 34 | + .mr#{$i} { | ||
| 35 | + margin-right: #{$i}px; | ||
| 36 | + } | ||
| 37 | + .mb#{$i} { | ||
| 38 | + margin-bottom: #{$i}px; | ||
| 39 | + } | ||
| 40 | + .ml#{$i} { | ||
| 41 | + margin-left: #{$i}px; | ||
| 42 | + } | ||
| 43 | +} | ||
| 44 | + | ||
| 45 | +/* padding | ||
| 46 | +=========================================== */ | ||
| 47 | +// 指定するpaddingの範囲を定義 | ||
| 48 | +$padding-min: 1; | ||
| 49 | +$padding-max: 100; | ||
| 50 | +@for $i from $padding-min through $padding-max { | ||
| 51 | + .pt#{$i} { | ||
| 52 | + padding-top: #{$i}px; | ||
| 53 | + } | ||
| 54 | + .pr#{$i} { | ||
| 55 | + padding-right: #{$i}px; | ||
| 56 | + } | ||
| 57 | + .pb#{$i} { | ||
| 58 | + padding-bottom: #{$i}px; | ||
| 59 | + } | ||
| 60 | + .pl#{$i} { | ||
| 61 | + padding-left: #{$i}px; | ||
| 62 | + } | ||
| 63 | +} |
common/css/_mixin_style.scss
0 → 100644
| 1 | + | ||
| 2 | +/* 游ゴシック | ||
| 3 | +=========================================== */ | ||
| 4 | +@font-face { | ||
| 5 | + font-family: "Yu Gothic"; | ||
| 6 | + src: local("Yu Gothic Medium"); | ||
| 7 | + font-weight: 100; | ||
| 8 | +} | ||
| 9 | +@font-face { | ||
| 10 | + font-family: "Yu Gothic"; | ||
| 11 | + src: local("Yu Gothic Medium"); | ||
| 12 | + font-weight: 200; | ||
| 13 | +} | ||
| 14 | +@font-face { | ||
| 15 | + font-family: "Yu Gothic"; | ||
| 16 | + src: local("Yu Gothic Medium"); | ||
| 17 | + font-weight: 300; | ||
| 18 | +} | ||
| 19 | +@font-face { | ||
| 20 | + font-family: "Yu Gothic"; | ||
| 21 | + src: local("Yu Gothic Medium"); | ||
| 22 | + font-weight: 400; | ||
| 23 | +} | ||
| 24 | +@font-face { | ||
| 25 | + font-family: "Yu Gothic"; | ||
| 26 | + src: local("Yu Gothic Bold"); | ||
| 27 | + font-weight: bold; | ||
| 28 | +} | ||
| 29 | +@mixin YuGothic() { | ||
| 30 | + font-family: "Yu Gothic", YuGothic; | ||
| 31 | + font-weight: 500; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +@mixin transformFont(){ | ||
| 35 | + transform: scale( 1 , 1.4 ); | ||
| 36 | +} | ||
| 37 | + | ||
| 38 | +/* 矢印 | ||
| 39 | +=========================================== */ | ||
| 40 | +@mixin arrow_r($width:6px, $height:6px, $color:#333){ | ||
| 41 | + content:""; | ||
| 42 | + display: block; | ||
| 43 | + width: $width; | ||
| 44 | + height: $height; | ||
| 45 | + border-right: 1px $color solid; | ||
| 46 | + border-bottom: 1px $color solid; | ||
| 47 | + transform: rotate(-45deg); | ||
| 48 | +} | ||
| 49 | +@mixin arrow_l($width:6px, $height:6px, $color:#333){ | ||
| 50 | + content:""; | ||
| 51 | + display: block; | ||
| 52 | + width: $width; | ||
| 53 | + height: $height; | ||
| 54 | + border-right: 1px $color solid; | ||
| 55 | + border-bottom: 1px $color solid; | ||
| 56 | + transform: rotate(45deg); | ||
| 57 | +} | ||
| 58 | +@mixin arrow_t($width:6px, $height:6px, $color:#333,$bwidth:1px){ | ||
| 59 | + content:""; | ||
| 60 | + display: block; | ||
| 61 | + width: $width; | ||
| 62 | + height: $height; | ||
| 63 | + border-right: $bwidth $color solid; | ||
| 64 | + border-bottom: $bwidth $color solid; | ||
| 65 | + transform: rotate(-135deg); | ||
| 66 | +} | ||
| 67 | +@mixin arrow_b($width:6px, $height:6px, $color:#333){ | ||
| 68 | + content:""; | ||
| 69 | + display: block; | ||
| 70 | + width: $width; | ||
| 71 | + height: $height; | ||
| 72 | + border-right: 1px $color solid; | ||
| 73 | + border-bottom: 1px $color solid; | ||
| 74 | + transform: rotate(45deg); | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | +/* 角丸 | ||
| 78 | +=========================================== */ | ||
| 79 | +@mixin kadomaru($size:3px){ | ||
| 80 | + border-radius: $size; | ||
| 81 | + -webkit-border-radius: $size; | ||
| 82 | + -moz-border-radius: $size; | ||
| 83 | +} |
common/css/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="common.css" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="_mixin_common.scss" server="onoff02.source.co.jp" local="132144626180000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="_mixin_style.scss" server="onoff02.source.co.jp" local="132144626180000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="common.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="html5reset-1.6.1.css" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 8 | +</dwsync> |
common/css/common.css
0 → 100644
This diff is collapsed. Click to expand it.
common/css/common.scss
0 → 100644
| 1 | +// compileCompressed: ./$1.css | ||
| 2 | + | ||
| 3 | +@import "mixin_common"; | ||
| 4 | +@import "mixin_style"; | ||
| 5 | + | ||
| 6 | +// noto sans | ||
| 7 | +@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css'); | ||
| 8 | +// Roboto | ||
| 9 | +@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); | ||
| 10 | + | ||
| 11 | +/* ページ設定 | ||
| 12 | +=========================================== */ | ||
| 13 | +* { | ||
| 14 | + -webkit-box-sizing: border-box; | ||
| 15 | + -moz-box-sizing: border-box; | ||
| 16 | + -o-box-sizing: border-box; | ||
| 17 | + -ms-box-sizing: border-box; | ||
| 18 | + box-sizing: border-box; | ||
| 19 | +} | ||
| 20 | +html { | ||
| 21 | + // ゴシック | ||
| 22 | + font-family: "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Roboto, "Droid Sans", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif; | ||
| 23 | + @include YuGothic(); | ||
| 24 | + // 明朝 | ||
| 25 | + //font-family: "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif; | ||
| 26 | +} | ||
| 27 | +html,body{ | ||
| 28 | + font-family: 'Noto Sans Japanese'; | ||
| 29 | + line-height: 150%; | ||
| 30 | + color:#333; | ||
| 31 | +} | ||
| 32 | +.linkBox{ | ||
| 33 | + cursor: pointer; | ||
| 34 | + &:hover{ | ||
| 35 | + opacity: 0.8; | ||
| 36 | + } | ||
| 37 | +} | ||
| 38 | +figure{ | ||
| 39 | + img{ | ||
| 40 | + max-width: 100%; | ||
| 41 | + } | ||
| 42 | +} | ||
| 43 | +.container{ | ||
| 44 | + max-width: 1060px; | ||
| 45 | + margin-left: auto; | ||
| 46 | + margin-right: auto; | ||
| 47 | +} | ||
| 48 | + | ||
| 49 | +/* font size | ||
| 50 | +=========================================== */ | ||
| 51 | +html{ | ||
| 52 | + font-size: 62.5%; | ||
| 53 | +} | ||
| 54 | +body{ | ||
| 55 | + font-size:16px; | ||
| 56 | + font-size:1.6rem;/* 16px*/ | ||
| 57 | + line-height: 2; | ||
| 58 | +} | ||
| 59 | +h1 { | ||
| 60 | + font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */ | ||
| 61 | + font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/ | ||
| 62 | + line-height: 1.3; | ||
| 63 | +} | ||
| 64 | +h2 { | ||
| 65 | + font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */ | ||
| 66 | + font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/ | ||
| 67 | + line-height: 1.3; | ||
| 68 | +} | ||
| 69 | +@media (min-width: 1200px) {/* 1200px以上*/ | ||
| 70 | + h1 { | ||
| 71 | + font-size: 3.6rem;/* 36px*/ | ||
| 72 | + } | ||
| 73 | + h2 { | ||
| 74 | + font-size: 2.4rem;/* 24px*/ | ||
| 75 | + } | ||
| 76 | +} | ||
| 77 | +@media screen and (max-width: 640px) {/* 640px以下*/ | ||
| 78 | + body{ | ||
| 79 | + line-height: 2; | ||
| 80 | + font-size: 1.4rem; | ||
| 81 | + } | ||
| 82 | + h1{ | ||
| 83 | + font-size: 2.4rem;/* 24px*/ | ||
| 84 | + } | ||
| 85 | + h2 { | ||
| 86 | + font-size: 2rem;/* 20px*/ | ||
| 87 | + } | ||
| 88 | +} | ||
| 89 | + | ||
| 90 | +/* iOSでのデフォルトスタイルをリセット | ||
| 91 | +=========================================== */ | ||
| 92 | +input[type="submit"], | ||
| 93 | +input[type="button"] { | ||
| 94 | + border-radius: 0; | ||
| 95 | + -webkit-box-sizing: content-box; | ||
| 96 | + -webkit-appearance: button; | ||
| 97 | + appearance: button; | ||
| 98 | + border: none; | ||
| 99 | + box-sizing: border-box; | ||
| 100 | + cursor: pointer; | ||
| 101 | +} | ||
| 102 | +input[type="submit"]:-webkit-search-decoration, | ||
| 103 | +input[type="button"]:-webkit-search-decoration { | ||
| 104 | + display: none; | ||
| 105 | +} | ||
| 106 | +input[type="submit"]:focus, | ||
| 107 | +input[type="button"]:focus { | ||
| 108 | + outline-offset: -2px; | ||
| 109 | +} | ||
| 110 | + | ||
| 111 | +/* clearfix | ||
| 112 | +=========================================== */ | ||
| 113 | +.clearfix:before, | ||
| 114 | +.clearfix:after { | ||
| 115 | + content:""; | ||
| 116 | + display:block; | ||
| 117 | + overflow:hidden; | ||
| 118 | +} | ||
| 119 | +.clearfix:after { | ||
| 120 | + clear:both; | ||
| 121 | +} | ||
| 122 | +.clearfix { | ||
| 123 | + zoom:1; | ||
| 124 | +} | ||
| 125 | +.left{ | ||
| 126 | + float: left; | ||
| 127 | +} | ||
| 128 | +.right{ | ||
| 129 | + float: right; | ||
| 130 | +} | ||
| 131 | + | ||
| 132 | +/* リスト | ||
| 133 | +=========================================== */ | ||
| 134 | +ul{ | ||
| 135 | + list-style: none; | ||
| 136 | +} | ||
| 137 | + | ||
| 138 | +/* リンク | ||
| 139 | +=========================================== */ | ||
| 140 | +a{ | ||
| 141 | + text-decoration: none; | ||
| 142 | + &:hover{ | ||
| 143 | + text-decoration: underline; | ||
| 144 | + } | ||
| 145 | +} | ||
| 146 | + | ||
| 147 | +/* flexbox | ||
| 148 | +=========================================== */ | ||
| 149 | +.flex{ | ||
| 150 | + display:-webkit-box; | ||
| 151 | + display:-moz-box; | ||
| 152 | + display:-ms-box; | ||
| 153 | + display:-webkit-flexbox; | ||
| 154 | + display:-moz-flexbox; | ||
| 155 | + display:-ms-flexbox; | ||
| 156 | + display:-webkit-flex; | ||
| 157 | + display:-moz-flex; | ||
| 158 | + display:-ms-flex; | ||
| 159 | + display:flex; | ||
| 160 | + flex-direction: row; | ||
| 161 | + flex-wrap: wrap; | ||
| 162 | + @media only screen and (max-width: 767px){ | ||
| 163 | + flex-direction: column; | ||
| 164 | + } | ||
| 165 | +} | ||
| 166 | +.flex.flex-between{ | ||
| 167 | + justify-content: space-between; | ||
| 168 | +} | ||
| 169 | +.flex.reverse{ | ||
| 170 | + flex-direction: row-reverse; | ||
| 171 | + @media only screen and (max-width: 767px){ | ||
| 172 | + flex-direction: row; | ||
| 173 | + } | ||
| 174 | +} | ||
| 175 | +@media only screen and (max-width: 767px){ | ||
| 176 | + .spFlexRow{ | ||
| 177 | + flex-direction: row; | ||
| 178 | + flex-wrap: nowrap; | ||
| 179 | + } | ||
| 180 | +} | ||
| 181 | +a{ | ||
| 182 | + color: #231815; | ||
| 183 | + text-decoration: none; | ||
| 184 | +} | ||
| 185 | + | ||
| 186 | +/* header | ||
| 187 | +=========================================== */ | ||
| 188 | +header{ | ||
| 189 | + position: absolute; | ||
| 190 | + width: 100%; | ||
| 191 | + top: 0; | ||
| 192 | + left: 0; | ||
| 193 | + background-color: rgba(255,255,255,0.7); | ||
| 194 | + padding: 1px 3em; | ||
| 195 | + z-index: 99; | ||
| 196 | + @media only screen and (max-width: 767px){ | ||
| 197 | + padding-left: 15px; | ||
| 198 | + } | ||
| 199 | + .logo{ | ||
| 200 | + img{ | ||
| 201 | + width: 42px; | ||
| 202 | + } | ||
| 203 | + } | ||
| 204 | + nav{ | ||
| 205 | + padding-left: 2em; | ||
| 206 | + @media only screen and (max-width: 767px){ | ||
| 207 | + display: none; | ||
| 208 | + } | ||
| 209 | + ul{ | ||
| 210 | + li{ | ||
| 211 | + @include transformFont(); | ||
| 212 | + font-size: 1.1rem; | ||
| 213 | + line-height: 150%; | ||
| 214 | + text-align: center; | ||
| 215 | + display: flex; | ||
| 216 | + align-items: center; | ||
| 217 | + padding: 5px 0 0 0; | ||
| 218 | + a{ | ||
| 219 | + display: block; | ||
| 220 | + padding: 10px 3em; | ||
| 221 | + text-decoration: none; | ||
| 222 | + &:hover, | ||
| 223 | + &.active{ | ||
| 224 | + text-decoration: none; | ||
| 225 | + color: #62bcc3; | ||
| 226 | + span{ | ||
| 227 | + position: relative; | ||
| 228 | + display: inline-block; | ||
| 229 | + &:before{ | ||
| 230 | + content: ""; | ||
| 231 | + display: block; | ||
| 232 | + width: 100%; | ||
| 233 | + height: 3px; | ||
| 234 | + background-color: #62bcc3; | ||
| 235 | + position: absolute; | ||
| 236 | + bottom: -3px; | ||
| 237 | + left: 0; | ||
| 238 | + } | ||
| 239 | + } | ||
| 240 | + } | ||
| 241 | + } | ||
| 242 | + } | ||
| 243 | + } | ||
| 244 | + } | ||
| 245 | + .cps{ | ||
| 246 | + position: absolute; | ||
| 247 | + right: 0; | ||
| 248 | + top: 0; | ||
| 249 | + background-color: #001b60; | ||
| 250 | + display: flex; | ||
| 251 | + height:64px; | ||
| 252 | + padding: 9px 16px 0px 16px; | ||
| 253 | + @media only screen and (max-width: 767px){ | ||
| 254 | + padding-top: 12px; | ||
| 255 | + } | ||
| 256 | + &:before{ | ||
| 257 | + content: ""; | ||
| 258 | + width: 0; | ||
| 259 | + height: 0; | ||
| 260 | + border-style: solid; | ||
| 261 | + border-width: 0 15px 64px 0; | ||
| 262 | + border-color: transparent #001b60 transparent transparent; | ||
| 263 | + position: absolute; | ||
| 264 | + left: -15px; | ||
| 265 | + top: 0; | ||
| 266 | + } | ||
| 267 | + img{ | ||
| 268 | + width: 84px; | ||
| 269 | + } | ||
| 270 | + } | ||
| 271 | +} | ||
| 272 | + | ||
| 273 | +.more{ | ||
| 274 | + a{ | ||
| 275 | + display: inline-block; | ||
| 276 | + background:linear-gradient(to right, #62bcc3, #4ad5e0); | ||
| 277 | + padding: 6px 4em 12px 3em; | ||
| 278 | + border-radius: 24px; | ||
| 279 | + position: relative; | ||
| 280 | + &:after{ | ||
| 281 | + content: ""; | ||
| 282 | + display: block; | ||
| 283 | + width: 12px; | ||
| 284 | + height: 15px; | ||
| 285 | + background: url(/common/img/icon_arrow.png) no-repeat 0 0; | ||
| 286 | + position: absolute; | ||
| 287 | + right: 10%; | ||
| 288 | + top: 35%; | ||
| 289 | + } | ||
| 290 | + span{ | ||
| 291 | + display: inline-block; | ||
| 292 | + @include transformFont(); | ||
| 293 | + font-size: 13px; | ||
| 294 | + color: #fff; | ||
| 295 | + letter-spacing: 0.1em; | ||
| 296 | + position: relative; | ||
| 297 | + } | ||
| 298 | + } | ||
| 299 | +} | ||
| 300 | + | ||
| 301 | +#pagetop{ | ||
| 302 | + a{ | ||
| 303 | + display: block; | ||
| 304 | + background-color: #62bcc3; | ||
| 305 | + width: 64px; | ||
| 306 | + height: 64px; | ||
| 307 | + text-align: center; | ||
| 308 | + border-radius: 32px; | ||
| 309 | + padding: 20px 0 0 0; | ||
| 310 | + position: fixed; | ||
| 311 | + right: 20px; | ||
| 312 | + bottom: 30px; | ||
| 313 | + @media only screen and (max-width: 767px){ | ||
| 314 | + width: 40px; | ||
| 315 | + height: 40px; | ||
| 316 | + padding-top: 8px; | ||
| 317 | + bottom: 64px; | ||
| 318 | + img{ | ||
| 319 | + width: 13px; | ||
| 320 | + } | ||
| 321 | + } | ||
| 322 | + } | ||
| 323 | +} | ||
| 324 | + | ||
| 325 | +/* footer | ||
| 326 | +=========================================== */ | ||
| 327 | +footer{ | ||
| 328 | + padding: 3em 0; | ||
| 329 | + font-size: 1.4rem; | ||
| 330 | + .logos{ | ||
| 331 | + align-items: center; | ||
| 332 | + p{ | ||
| 333 | + @include transformFont(); | ||
| 334 | + letter-spacing: 1px; | ||
| 335 | + } | ||
| 336 | + img{ | ||
| 337 | + width: 84px; | ||
| 338 | + } | ||
| 339 | + } | ||
| 340 | + >.container{ | ||
| 341 | + max-width: 580px; | ||
| 342 | + >.flex{ | ||
| 343 | + justify-content: space-between; | ||
| 344 | + align-items: center; | ||
| 345 | + } | ||
| 346 | + nav{ | ||
| 347 | + @media only screen and (max-width: 767px){ | ||
| 348 | + margin-top: 2em; | ||
| 349 | + } | ||
| 350 | + li{ | ||
| 351 | + a{ | ||
| 352 | + display: inline-block; | ||
| 353 | + font-size: 1.2rem; | ||
| 354 | + transform: scale( 1 , 1.2 ); | ||
| 355 | + letter-spacing: 1px; | ||
| 356 | + position: relative; | ||
| 357 | + padding-left: 12px; | ||
| 358 | + margin-bottom: 5px; | ||
| 359 | + &:before{ | ||
| 360 | + content: ""; | ||
| 361 | + display: block; | ||
| 362 | + width: 0; | ||
| 363 | + height: 0; | ||
| 364 | + border-style: solid; | ||
| 365 | + border-width: 5px 0 5px 5px; | ||
| 366 | + border-color: transparent transparent transparent #000000; | ||
| 367 | + transform: scale( 1 , 0.75 ); | ||
| 368 | + position: absolute; | ||
| 369 | + left: 0; | ||
| 370 | + top: 7px; | ||
| 371 | + } | ||
| 372 | + } | ||
| 373 | + } | ||
| 374 | + } | ||
| 375 | + } | ||
| 376 | +} | ||
| 377 | +p.copyright{ | ||
| 378 | + text-align: center; | ||
| 379 | + font-family: 'Roboto Condensed', sans-serif; | ||
| 380 | + font-size: 1.0rem; | ||
| 381 | + background-color: #231815; | ||
| 382 | + color: #fff; | ||
| 383 | + letter-spacing: 1px; | ||
| 384 | + padding: 20px 0; | ||
| 385 | +} | ||
| 386 | + | ||
| 387 | +#breadcramb{ | ||
| 388 | + border-top:1px #c7c7c7 solid; | ||
| 389 | + border-bottom: 1px #c7c7c7 solid; | ||
| 390 | + padding: 15px 0; | ||
| 391 | + margin-top: 6em; | ||
| 392 | + @media only screen and (max-width: 767px){ | ||
| 393 | + padding-left: 3%; | ||
| 394 | + padding-right: 3%; | ||
| 395 | + } | ||
| 396 | + ol{ | ||
| 397 | + list-style: none; | ||
| 398 | + li{ | ||
| 399 | + font-size: 12px; | ||
| 400 | + a{ | ||
| 401 | + position: relative; | ||
| 402 | + color: #636466; | ||
| 403 | + display: inline-block; | ||
| 404 | + padding-right: 15px; | ||
| 405 | + margin-right: 15px; | ||
| 406 | + &:after{ | ||
| 407 | + content: ""; | ||
| 408 | + display: block; | ||
| 409 | + width: 5px; | ||
| 410 | + height: 5px; | ||
| 411 | + border-right: 1px #636466 solid; | ||
| 412 | + border-bottom: 1px #636466 solid; | ||
| 413 | + transform: rotate(-45deg); | ||
| 414 | + position: absolute; | ||
| 415 | + right: 0; | ||
| 416 | + top: 9px; | ||
| 417 | + } | ||
| 418 | + } | ||
| 419 | + } | ||
| 420 | + } | ||
| 421 | +} |
common/css/html5reset-1.6.1.css
0 → 100644
| 1 | +/* | ||
| 2 | +html5doctor.com Reset Stylesheet | ||
| 3 | +v1.6.1 | ||
| 4 | +Last Updated: 2010-09-17 | ||
| 5 | +Author: Richard Clark - http://richclarkdesign.com | ||
| 6 | +Twitter: @rich_clark | ||
| 7 | +*/ | ||
| 8 | + | ||
| 9 | +html, body, div, span, object, iframe, | ||
| 10 | +h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
| 11 | +abbr, address, cite, code, | ||
| 12 | +del, dfn, em, img, ins, kbd, q, samp, | ||
| 13 | +small, strong, sub, sup, var, | ||
| 14 | +b, i, | ||
| 15 | +dl, dt, dd, ol, ul, li, | ||
| 16 | +fieldset, form, label, legend, | ||
| 17 | +table, caption, tbody, tfoot, thead, tr, th, td, | ||
| 18 | +article, aside, canvas, details, figcaption, figure, | ||
| 19 | +footer, header, hgroup, menu, nav, section, summary, | ||
| 20 | +time, mark, audio, video { | ||
| 21 | + margin:0; | ||
| 22 | + padding:0; | ||
| 23 | + border:0; | ||
| 24 | + outline:0; | ||
| 25 | + font-size:100%; | ||
| 26 | + vertical-align:baseline; | ||
| 27 | + background:transparent; | ||
| 28 | +} | ||
| 29 | + | ||
| 30 | +body { | ||
| 31 | + line-height:1; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +article,aside,details,figcaption,figure, | ||
| 35 | +footer,header,hgroup,menu,nav,section { | ||
| 36 | + display:block; | ||
| 37 | +} | ||
| 38 | + | ||
| 39 | +nav ul { | ||
| 40 | + list-style:none; | ||
| 41 | +} | ||
| 42 | + | ||
| 43 | +blockquote, q { | ||
| 44 | + quotes:none; | ||
| 45 | +} | ||
| 46 | + | ||
| 47 | +blockquote:before, blockquote:after, | ||
| 48 | +q:before, q:after { | ||
| 49 | + content:''; | ||
| 50 | + content:none; | ||
| 51 | +} | ||
| 52 | + | ||
| 53 | +a { | ||
| 54 | + margin:0; | ||
| 55 | + padding:0; | ||
| 56 | + font-size:100%; | ||
| 57 | + vertical-align:baseline; | ||
| 58 | + background:transparent; | ||
| 59 | +} | ||
| 60 | + | ||
| 61 | +/* change colours to suit your needs */ | ||
| 62 | +ins { | ||
| 63 | + background-color:#ff9; | ||
| 64 | + color:#000; | ||
| 65 | + text-decoration:none; | ||
| 66 | +} | ||
| 67 | + | ||
| 68 | +/* change colours to suit your needs */ | ||
| 69 | +mark { | ||
| 70 | + background-color:#ff9; | ||
| 71 | + color:#000; | ||
| 72 | + font-style:italic; | ||
| 73 | + font-weight:bold; | ||
| 74 | +} | ||
| 75 | + | ||
| 76 | +del { | ||
| 77 | + text-decoration: line-through; | ||
| 78 | +} | ||
| 79 | + | ||
| 80 | +abbr[title], dfn[title] { | ||
| 81 | + border-bottom:1px dotted; | ||
| 82 | + cursor:help; | ||
| 83 | +} | ||
| 84 | + | ||
| 85 | +table { | ||
| 86 | + border-collapse:collapse; | ||
| 87 | + border-spacing:0; | ||
| 88 | +} | ||
| 89 | + | ||
| 90 | +/* change border colour to suit your needs */ | ||
| 91 | +hr { | ||
| 92 | + display:block; | ||
| 93 | + height:1px; | ||
| 94 | + border:0; | ||
| 95 | + border-top:1px solid #cccccc; | ||
| 96 | + margin:1em 0; | ||
| 97 | + padding:0; | ||
| 98 | +} | ||
| 99 | + | ||
| 100 | +input, select { | ||
| 101 | + vertical-align:middle; | ||
| 102 | +} |
common/img/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="hd_cps.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="icon_arrow.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="logo.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="pagetop.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="gfooter_facebook_sp.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 8 | +</dwsync> |
common/img/gfooter_facebook_sp.png
0 → 100644
1.37 KB
common/img/hd_cps.png
0 → 100644
8.81 KB
common/img/icon_arrow.png
0 → 100644
257 Bytes
common/img/logo.png
0 → 100644
8.63 KB
common/img/pagetop.png
0 → 100644
375 Bytes
common/js/_notes/dwsync.xml
0 → 100644
common/js/common.js
0 → 100644
| 1 | + | ||
| 2 | +$(document).ready(function() { | ||
| 3 | + // リンクボックス | ||
| 4 | + $('.linkBox').click(function() { | ||
| 5 | + if($(this).find('a').attr('target') == "_blank"){ | ||
| 6 | + window.open($(this).find('a').attr('href')); | ||
| 7 | + return false; | ||
| 8 | + } | ||
| 9 | + window.location = $(this).find('a').attr('href'); | ||
| 10 | + return false; | ||
| 11 | + }); | ||
| 12 | + // スムーススクロール | ||
| 13 | + $('a[href^="#"]').click(function(){ | ||
| 14 | + var speed = 500; | ||
| 15 | + var href = $(this).attr("href"); | ||
| 16 | + var target = $(href == "#" || href == "" ? 'html' : href); | ||
| 17 | + var position = target.offset().top; | ||
| 18 | + $("html, body").animate({scrollTop:position}, speed, "swing"); | ||
| 19 | + return false; | ||
| 20 | + }); | ||
| 21 | + // タブ | ||
| 22 | + $('.tab li a').click(function(){ | ||
| 23 | + var id = $(this).attr("href"); | ||
| 24 | + $('.tab li').removeClass("active"); | ||
| 25 | + $(this).parent('li').addClass("active"); | ||
| 26 | + $('.tabContents > div').css("display","none"); | ||
| 27 | + $('.tabContents').find(id).css("display","block"); | ||
| 28 | + }); | ||
| 29 | + // アコーディオン | ||
| 30 | + $('.acctit').click(function(){ | ||
| 31 | + $(this).next('.accodion').slideToggle(); | ||
| 32 | + if($(this).hasClass("open")){ | ||
| 33 | + $(this).removeClass("open"); | ||
| 34 | + }else{ | ||
| 35 | + $(this).addClass("open"); | ||
| 36 | + } | ||
| 37 | + }); | ||
| 38 | + // ハンバーガーメニュー | ||
| 39 | + $('#spMenu').click(function(){ | ||
| 40 | + $('#navigation').toggleClass("open"); | ||
| 41 | + }); | ||
| 42 | + $('.menu-close').click(function(){ | ||
| 43 | + $('#navigation').toggleClass("open"); | ||
| 44 | + }); | ||
| 45 | + // 子メニュー | ||
| 46 | + $('#navigation nav > ul > li').mouseenter(function(){ | ||
| 47 | + var index = $(this).index(); | ||
| 48 | + if(index == 2){ | ||
| 49 | + $('ul.child').css("display", "block").css("opacity", 1).css("z-index", 99); | ||
| 50 | + }else{ | ||
| 51 | + $('ul.child').css("display", "none").css("opacity", 0).css("z-index", -1); | ||
| 52 | + } | ||
| 53 | + }); | ||
| 54 | + $('#navigation nav > ul > li').mouseleave(function() { | ||
| 55 | + $('ul.child').css("display", "none").css("opacity", 0).css("z-index", -1); | ||
| 56 | + }); | ||
| 57 | +}); |
css/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="about.css" server="onoff02.source.co.jp" local="132149889940000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="about.scss" server="onoff02.source.co.jp" local="132144626180000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="interview.css" server="onoff02.source.co.jp" local="132151735140000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="news.css" server="onoff02.source.co.jp" local="132151735140000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="privacy.css" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 8 | +<file name="service.css" server="onoff02.source.co.jp" local="132146609160000000" remote="132152254200000000" Dst="0" /> | ||
| 9 | +<file name="service.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 10 | +<file name="top.css" server="onoff02.source.co.jp" local="132151735140000000" remote="132152254200000000" Dst="0" /> | ||
| 11 | +<file name="top.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 12 | +</dwsync> |
css/about.css
0 → 100644
| 1 | +@charset "UTF-8"; | ||
| 2 | +/* 游ゴシック | ||
| 3 | +=========================================== */ | ||
| 4 | +@font-face { | ||
| 5 | + font-family: "Yu Gothic"; | ||
| 6 | + src: local("Yu Gothic Medium"); | ||
| 7 | + font-weight: 100; | ||
| 8 | +} | ||
| 9 | + | ||
| 10 | +@font-face { | ||
| 11 | + font-family: "Yu Gothic"; | ||
| 12 | + src: local("Yu Gothic Medium"); | ||
| 13 | + font-weight: 200; | ||
| 14 | +} | ||
| 15 | + | ||
| 16 | +@font-face { | ||
| 17 | + font-family: "Yu Gothic"; | ||
| 18 | + src: local("Yu Gothic Medium"); | ||
| 19 | + font-weight: 300; | ||
| 20 | +} | ||
| 21 | + | ||
| 22 | +@font-face { | ||
| 23 | + font-family: "Yu Gothic"; | ||
| 24 | + src: local("Yu Gothic Medium"); | ||
| 25 | + font-weight: 400; | ||
| 26 | +} | ||
| 27 | + | ||
| 28 | +@font-face { | ||
| 29 | + font-family: "Yu Gothic"; | ||
| 30 | + src: local("Yu Gothic Bold"); | ||
| 31 | + font-weight: bold; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +/* 矢印 | ||
| 35 | +=========================================== */ | ||
| 36 | +/* 角丸 | ||
| 37 | +=========================================== */ | ||
| 38 | +#pageTitle { | ||
| 39 | + background: url(/img/about/bg_under.png) no-repeat top center; | ||
| 40 | + background-color: #eefdfe; | ||
| 41 | + padding: 8em 0 5em 0; | ||
| 42 | + text-align: center; | ||
| 43 | +} | ||
| 44 | + | ||
| 45 | +@media only screen and (max-width: 767px) { | ||
| 46 | + #pageTitle { | ||
| 47 | + padding-left: 3%; | ||
| 48 | + padding-right: 3%; | ||
| 49 | + } | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +#pageTitle h1 { | ||
| 53 | + margin-bottom: 0.8em; | ||
| 54 | +} | ||
| 55 | + | ||
| 56 | +#pageTitle h1 img { | ||
| 57 | + max-width: 100%; | ||
| 58 | +} | ||
| 59 | + | ||
| 60 | +#pageTitle p { | ||
| 61 | + color: #636466; | ||
| 62 | + font-size: 1.5rem; | ||
| 63 | + transform: scale(1, 1.2); | ||
| 64 | + letter-spacing: 1px; | ||
| 65 | +} | ||
| 66 | + | ||
| 67 | +@media only screen and (max-width: 767px) { | ||
| 68 | + #pageTitle p { | ||
| 69 | + font-size: 1.3rem; | ||
| 70 | + } | ||
| 71 | +} | ||
| 72 | + | ||
| 73 | +section.ph { | ||
| 74 | + padding: 5em 0 0 0; | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | +@media only screen and (max-width: 1060px) { | ||
| 78 | + section.ph { | ||
| 79 | + padding-left: 3%; | ||
| 80 | + padding-right: 3%; | ||
| 81 | + } | ||
| 82 | +} | ||
| 83 | + | ||
| 84 | +section.ph .flex { | ||
| 85 | + align-items: center; | ||
| 86 | +} | ||
| 87 | + | ||
| 88 | +section.ph .flex > div:nth-child(1) { | ||
| 89 | + width: 60%; | ||
| 90 | +} | ||
| 91 | + | ||
| 92 | +@media only screen and (max-width: 767px) { | ||
| 93 | + section.ph .flex > div:nth-child(1) { | ||
| 94 | + width: 100%; | ||
| 95 | + } | ||
| 96 | +} | ||
| 97 | + | ||
| 98 | +section.ph .flex > div:nth-child(1) img { | ||
| 99 | + max-width: 100%; | ||
| 100 | +} | ||
| 101 | + | ||
| 102 | +section.ph .flex > div:nth-child(2) { | ||
| 103 | + width: 40%; | ||
| 104 | +} | ||
| 105 | + | ||
| 106 | +@media only screen and (max-width: 767px) { | ||
| 107 | + section.ph .flex > div:nth-child(2) { | ||
| 108 | + width: 100%; | ||
| 109 | + text-align: center; | ||
| 110 | + margin-top: 20px; | ||
| 111 | + } | ||
| 112 | +} | ||
| 113 | + | ||
| 114 | +section.ph .flex > div:nth-child(2) h2 { | ||
| 115 | + margin-bottom: 2em; | ||
| 116 | +} | ||
| 117 | + | ||
| 118 | +section.ph .flex > div:nth-child(2) h2 img { | ||
| 119 | + max-width: 100%; | ||
| 120 | +} | ||
| 121 | + | ||
| 122 | +section.ph .flex > div:nth-child(2) p { | ||
| 123 | + color: #636466; | ||
| 124 | + margin-bottom: 30px; | ||
| 125 | + transform: scale(1, 1.2); | ||
| 126 | + font-size: 1.3rem; | ||
| 127 | +} | ||
| 128 | + | ||
| 129 | +@media only screen and (max-width: 767px) { | ||
| 130 | + section.ph .flex > div:nth-child(2) p { | ||
| 131 | + font-size: 1.2rem; | ||
| 132 | + } | ||
| 133 | +} | ||
| 134 | + | ||
| 135 | +#tokuten { | ||
| 136 | + margin-top: 4em; | ||
| 137 | +} | ||
| 138 | + | ||
| 139 | +@media only screen and (max-width: 1060px) { | ||
| 140 | + #tokuten { | ||
| 141 | + padding-left: 3%; | ||
| 142 | + padding-right: 3%; | ||
| 143 | + } | ||
| 144 | +} | ||
| 145 | + | ||
| 146 | +#tokuten h2 { | ||
| 147 | + text-align: center; | ||
| 148 | + margin-bottom: 2em; | ||
| 149 | +} | ||
| 150 | + | ||
| 151 | +#tokuten h2 img { | ||
| 152 | + max-width: 100%; | ||
| 153 | +} | ||
| 154 | + | ||
| 155 | +#tokuten .flow { | ||
| 156 | + max-width: 800px; | ||
| 157 | + margin-left: auto; | ||
| 158 | + margin-right: auto; | ||
| 159 | + align-items: center; | ||
| 160 | +} | ||
| 161 | + | ||
| 162 | +@media only screen and (max-width: 767px) { | ||
| 163 | + #tokuten .flow { | ||
| 164 | + align-items: flex-start; | ||
| 165 | + } | ||
| 166 | +} | ||
| 167 | + | ||
| 168 | +#tokuten .flow > div { | ||
| 169 | + text-align: center; | ||
| 170 | +} | ||
| 171 | + | ||
| 172 | +#tokuten .flow > div h3 { | ||
| 173 | + transform: scale(1, 1.4); | ||
| 174 | + font-size: 1.3rem; | ||
| 175 | + color: #636466; | ||
| 176 | + line-height: 140%; | ||
| 177 | + margin-bottom: 20px; | ||
| 178 | +} | ||
| 179 | + | ||
| 180 | +@media only screen and (max-width: 767px) { | ||
| 181 | + #tokuten .flow > div h3 { | ||
| 182 | + font-size: 0.8rem; | ||
| 183 | + } | ||
| 184 | +} | ||
| 185 | + | ||
| 186 | +#tokuten .flow > div p { | ||
| 187 | + font-size: 1.2rem; | ||
| 188 | + line-height: 140%; | ||
| 189 | +} | ||
| 190 | + | ||
| 191 | +#tokuten .flow > div p a { | ||
| 192 | + color: #62bcc3; | ||
| 193 | + text-decoration: underline; | ||
| 194 | +} | ||
| 195 | + | ||
| 196 | +@media only screen and (max-width: 767px) { | ||
| 197 | + #tokuten .flow > div { | ||
| 198 | + width: 100%; | ||
| 199 | + } | ||
| 200 | +} | ||
| 201 | + | ||
| 202 | +@media only screen and (max-width: 767px) { | ||
| 203 | + #tokuten .flow figure img { | ||
| 204 | + width: 67px; | ||
| 205 | + } | ||
| 206 | + #tokuten .flow .arrow { | ||
| 207 | + transform: rotate(90deg); | ||
| 208 | + text-align: center; | ||
| 209 | + padding: 10px 0; | ||
| 210 | + } | ||
| 211 | + #tokuten .flow .arrow img { | ||
| 212 | + width: 13px; | ||
| 213 | + } | ||
| 214 | +} | ||
| 215 | + | ||
| 216 | +#tokuten .image { | ||
| 217 | + margin: 40px 0 0 0; | ||
| 218 | +} | ||
| 219 | + | ||
| 220 | +#service { | ||
| 221 | + margin-top: 6em; | ||
| 222 | +} | ||
| 223 | + | ||
| 224 | +@media only screen and (max-width: 1060px) { | ||
| 225 | + #service { | ||
| 226 | + padding-left: 3%; | ||
| 227 | + padding-right: 3%; | ||
| 228 | + } | ||
| 229 | +} | ||
| 230 | + | ||
| 231 | +#service h2 { | ||
| 232 | + text-align: center; | ||
| 233 | + margin-bottom: 2em; | ||
| 234 | +} | ||
| 235 | + | ||
| 236 | +#service h2 img { | ||
| 237 | + max-width: 100%; | ||
| 238 | +} | ||
| 239 | + | ||
| 240 | +#service p { | ||
| 241 | + transform: scale(1, 1.4); | ||
| 242 | + font-size: 1.3rem; | ||
| 243 | + text-align: center; | ||
| 244 | +} | ||
| 245 | + | ||
| 246 | +#service .more { | ||
| 247 | + text-align: center; | ||
| 248 | + margin-top: 2em; | ||
| 249 | +} | ||
| 250 | + | ||
| 251 | +#consortium { | ||
| 252 | + margin-top: 6em; | ||
| 253 | +} | ||
| 254 | + | ||
| 255 | +@media only screen and (max-width: 1060px) { | ||
| 256 | + #consortium { | ||
| 257 | + padding-left: 3%; | ||
| 258 | + padding-right: 3%; | ||
| 259 | + } | ||
| 260 | +} | ||
| 261 | + | ||
| 262 | +#consortium h2 { | ||
| 263 | + text-align: center; | ||
| 264 | + margin-bottom: 2em; | ||
| 265 | +} | ||
| 266 | + | ||
| 267 | +#consortium h2 img { | ||
| 268 | + max-width: 100%; | ||
| 269 | +} | ||
| 270 | + | ||
| 271 | +#consortium .list { | ||
| 272 | + border: 4px #d3d3d3 solid; | ||
| 273 | + padding: 20px 2em; | ||
| 274 | + margin-bottom: 20px; | ||
| 275 | +} | ||
| 276 | + | ||
| 277 | +#consortium .list h3 { | ||
| 278 | + border-bottom: 2px #d3d3d3 solid; | ||
| 279 | + padding: 0px 0 20px 24px; | ||
| 280 | + margin-bottom: 30px; | ||
| 281 | + line-height: 100%; | ||
| 282 | + position: relative; | ||
| 283 | +} | ||
| 284 | + | ||
| 285 | +@media only screen and (max-width: 767px) { | ||
| 286 | + #consortium .list h3 { | ||
| 287 | + margin-bottom: 15px; | ||
| 288 | + } | ||
| 289 | +} | ||
| 290 | + | ||
| 291 | +#consortium .list h3 span { | ||
| 292 | + display: inline-block; | ||
| 293 | + color: #636466; | ||
| 294 | + font-size: 1.3rem; | ||
| 295 | + transform: scale(1, 1.4); | ||
| 296 | + line-height: 100%; | ||
| 297 | +} | ||
| 298 | + | ||
| 299 | +#consortium .list h3:before { | ||
| 300 | + content: ""; | ||
| 301 | + display: inline-block; | ||
| 302 | + width: 16px; | ||
| 303 | + height: 16px; | ||
| 304 | + background-color: #62bcc3; | ||
| 305 | + border-radius: 8px; | ||
| 306 | + position: absolute; | ||
| 307 | + left: 0; | ||
| 308 | + top: 2px; | ||
| 309 | +} | ||
| 310 | + | ||
| 311 | +#consortium .list ul { | ||
| 312 | + flex-wrap: wrap; | ||
| 313 | +} | ||
| 314 | + | ||
| 315 | +#consortium .list ul li { | ||
| 316 | + transform: scale(1, 1.4); | ||
| 317 | + color: #636466; | ||
| 318 | + display: block; | ||
| 319 | + width: 25%; | ||
| 320 | + font-size: 1.3rem; | ||
| 321 | + margin-bottom: 15px; | ||
| 322 | +} | ||
| 323 | + | ||
| 324 | +@media only screen and (max-width: 767px) { | ||
| 325 | + #consortium .list ul li { | ||
| 326 | + font-size: 1.0rem; | ||
| 327 | + width: 100%; | ||
| 328 | + margin-bottom: 5px; | ||
| 329 | + } | ||
| 330 | +} | ||
| 331 | + | ||
| 332 | +#gray { | ||
| 333 | + margin-top: 4em; | ||
| 334 | +} | ||
| 335 | + | ||
| 336 | +#gray .container { | ||
| 337 | + background-color: #f4f4f4; | ||
| 338 | + padding: 3em; | ||
| 339 | +} | ||
| 340 | + | ||
| 341 | +#gray .container .flex > div:nth-child(1) { | ||
| 342 | + width: 30%; | ||
| 343 | +} | ||
| 344 | + | ||
| 345 | +@media only screen and (max-width: 767px) { | ||
| 346 | + #gray .container .flex > div:nth-child(1) { | ||
| 347 | + width: 100%; | ||
| 348 | + margin-bottom: 20px; | ||
| 349 | + } | ||
| 350 | +} | ||
| 351 | + | ||
| 352 | +#gray .container .flex > div:nth-child(1) h3 { | ||
| 353 | + color: #636466; | ||
| 354 | + font-size: 1.4rem; | ||
| 355 | + transform: scale(1, 1.2); | ||
| 356 | + line-height: 180%; | ||
| 357 | +} | ||
| 358 | + | ||
| 359 | +#gray .container .flex > div:nth-child(2) { | ||
| 360 | + width: 70%; | ||
| 361 | +} | ||
| 362 | + | ||
| 363 | +@media only screen and (max-width: 767px) { | ||
| 364 | + #gray .container .flex > div:nth-child(2) { | ||
| 365 | + width: 100%; | ||
| 366 | + } | ||
| 367 | +} | ||
| 368 | + | ||
| 369 | +#gray .container .flex > div:nth-child(2) p { | ||
| 370 | + font-size: 1.3rem; | ||
| 371 | +} | ||
| 372 | + | ||
| 373 | +#gray .container .flex > div:nth-child(2) .more { | ||
| 374 | + margin-top: 1.5em; | ||
| 375 | +} | ||
| 376 | + | ||
| 377 | +#gray .container .flex > div:nth-child(2) .more a { | ||
| 378 | + padding: 4px 2.5em 8px 2em; | ||
| 379 | + line-height: 160%; | ||
| 380 | +} | ||
| 381 | + | ||
| 382 | +#gray .container .flex > div:nth-child(2) .more a:after { | ||
| 383 | + background-image: url(/img/about/icon_blank.png); | ||
| 384 | + background-size: 13px auto; | ||
| 385 | +} | ||
| 386 | + | ||
| 387 | +#gray .container .flex > div:nth-child(2) .more a span { | ||
| 388 | + font-size: 1.1rem; | ||
| 389 | +} | ||
| 390 | + | ||
| 391 | +#download { | ||
| 392 | + margin-top: 4em; | ||
| 393 | +} | ||
| 394 | + | ||
| 395 | +#download .container { | ||
| 396 | + background-color: #f4f4f4; | ||
| 397 | + padding: 3em; | ||
| 398 | +} | ||
| 399 | + | ||
| 400 | +#download .container h3 { | ||
| 401 | + color: #636466; | ||
| 402 | + text-align: center; | ||
| 403 | + margin-bottom: 2em; | ||
| 404 | +} | ||
| 405 | + | ||
| 406 | +#download .container .more { | ||
| 407 | + text-align: center; | ||
| 408 | +} | ||
| 409 | + | ||
| 410 | +#download .container .more a { | ||
| 411 | + padding-left: 5em; | ||
| 412 | + padding-right: 5em; | ||
| 413 | + padding-top: 10px; | ||
| 414 | + padding-bottom: 15px; | ||
| 415 | + border-radius: 28.5px; | ||
| 416 | + -webkit-border-radius: 28.5px; | ||
| 417 | + -moz-border-radius: 28.5px; | ||
| 418 | +} | ||
| 419 | + | ||
| 420 | +#download .container .more a span:before { | ||
| 421 | + content: ""; | ||
| 422 | + display: block; | ||
| 423 | + width: 26px; | ||
| 424 | + height: 26px; | ||
| 425 | + background: url(/img/about/icon_pdf.png) no-repeat 0 0; | ||
| 426 | + background-size: 100% auto; | ||
| 427 | + position: absolute; | ||
| 428 | + left: -34px; | ||
| 429 | + top: 1px; | ||
| 430 | +} |
css/about.scss
0 → 100644
| 1 | +// compileCompressed: ./$1.css | ||
| 2 | + | ||
| 3 | +@import "../common/css/mixin_style"; | ||
| 4 | + | ||
| 5 | +#pageTitle{ | ||
| 6 | + background: url(/img/about/bg_under.png) no-repeat top center; | ||
| 7 | + background-color: #eefdfe; | ||
| 8 | + padding: 8em 0 5em 0; | ||
| 9 | + text-align: center; | ||
| 10 | + @media only screen and (max-width: 767px){ | ||
| 11 | + padding-left: 3%; | ||
| 12 | + padding-right: 3%; | ||
| 13 | + } | ||
| 14 | + h1{ | ||
| 15 | + margin-bottom: 0.8em; | ||
| 16 | + img{ | ||
| 17 | + max-width: 100%; | ||
| 18 | + } | ||
| 19 | + } | ||
| 20 | + p{ | ||
| 21 | + color: #636466; | ||
| 22 | + font-size: 1.5rem; | ||
| 23 | + transform: scale( 1 , 1.2 ); | ||
| 24 | + letter-spacing: 1px; | ||
| 25 | + @media only screen and (max-width: 767px){ | ||
| 26 | + font-size: 1.3rem; | ||
| 27 | + } | ||
| 28 | + } | ||
| 29 | +} | ||
| 30 | +section.ph{ | ||
| 31 | + padding: 5em 0 0 0; | ||
| 32 | + @media only screen and (max-width: 1060px){ | ||
| 33 | + padding-left: 3%; | ||
| 34 | + padding-right: 3%; | ||
| 35 | + } | ||
| 36 | + .flex{ | ||
| 37 | + align-items: center; | ||
| 38 | + >div:nth-child(1){ | ||
| 39 | + width: 60%; | ||
| 40 | + @media only screen and (max-width: 767px){ | ||
| 41 | + width: 100%; | ||
| 42 | + } | ||
| 43 | + img{ | ||
| 44 | + max-width: 100%; | ||
| 45 | + } | ||
| 46 | + } | ||
| 47 | + >div:nth-child(2){ | ||
| 48 | + width: 40%; | ||
| 49 | + @media only screen and (max-width: 767px){ | ||
| 50 | + width: 100%; | ||
| 51 | + text-align: center; | ||
| 52 | + margin-top: 20px; | ||
| 53 | + } | ||
| 54 | + h2{ | ||
| 55 | + margin-bottom: 2em; | ||
| 56 | + img{ | ||
| 57 | + max-width: 100%; | ||
| 58 | + } | ||
| 59 | + } | ||
| 60 | + p{ | ||
| 61 | + color: #636466; | ||
| 62 | + margin-bottom: 30px; | ||
| 63 | + transform: scale( 1 , 1.2 ); | ||
| 64 | + font-size: 1.3rem; | ||
| 65 | + @media only screen and (max-width: 767px){ | ||
| 66 | + font-size: 1.2rem; | ||
| 67 | + } | ||
| 68 | + } | ||
| 69 | + } | ||
| 70 | + } | ||
| 71 | +} | ||
| 72 | + | ||
| 73 | +#tokuten{ | ||
| 74 | + margin-top: 4em; | ||
| 75 | + @media only screen and (max-width: 1060px){ | ||
| 76 | + padding-left: 3%; | ||
| 77 | + padding-right: 3%; | ||
| 78 | + } | ||
| 79 | + h2{ | ||
| 80 | + text-align: center; | ||
| 81 | + margin-bottom: 2em; | ||
| 82 | + img{ | ||
| 83 | + max-width: 100%; | ||
| 84 | + } | ||
| 85 | + } | ||
| 86 | + .flow{ | ||
| 87 | + max-width: 800px; | ||
| 88 | + margin-left: auto; | ||
| 89 | + margin-right: auto; | ||
| 90 | + align-items: center; | ||
| 91 | + @media only screen and (max-width: 767px){ | ||
| 92 | + align-items: flex-start; | ||
| 93 | + } | ||
| 94 | + >div{ | ||
| 95 | + text-align: center; | ||
| 96 | + h3{ | ||
| 97 | + @include transformFont(); | ||
| 98 | + font-size: 1.3rem; | ||
| 99 | + color: #636466; | ||
| 100 | + line-height: 140%; | ||
| 101 | + margin-bottom: 20px; | ||
| 102 | + @media only screen and (max-width: 767px){ | ||
| 103 | + font-size: 0.8rem; | ||
| 104 | + } | ||
| 105 | + } | ||
| 106 | + p{ | ||
| 107 | + font-size: 1.2rem; | ||
| 108 | + line-height: 140%; | ||
| 109 | + a{ | ||
| 110 | + color: #62bcc3; | ||
| 111 | + text-decoration: underline; | ||
| 112 | + } | ||
| 113 | + } | ||
| 114 | + @media only screen and (max-width: 767px){ | ||
| 115 | + width: 100%; | ||
| 116 | + } | ||
| 117 | + } | ||
| 118 | + @media only screen and (max-width: 767px){ | ||
| 119 | + figure{ | ||
| 120 | + img{ | ||
| 121 | + width:67px; | ||
| 122 | + } | ||
| 123 | + } | ||
| 124 | + .arrow{ | ||
| 125 | + transform: rotate(90deg); | ||
| 126 | + text-align: center; | ||
| 127 | + padding: 10px 0; | ||
| 128 | + img{ | ||
| 129 | + width: 13px; | ||
| 130 | + } | ||
| 131 | + } | ||
| 132 | + } | ||
| 133 | + } | ||
| 134 | + .image{ | ||
| 135 | + margin: 40px 0 0 0; | ||
| 136 | + } | ||
| 137 | +} | ||
| 138 | + | ||
| 139 | +#service{ | ||
| 140 | + margin-top: 6em; | ||
| 141 | + @media only screen and (max-width: 1060px){ | ||
| 142 | + padding-left: 3%; | ||
| 143 | + padding-right: 3%; | ||
| 144 | + } | ||
| 145 | + h2{ | ||
| 146 | + text-align: center; | ||
| 147 | + margin-bottom: 2em; | ||
| 148 | + img{ | ||
| 149 | + max-width: 100%; | ||
| 150 | + } | ||
| 151 | + } | ||
| 152 | + p{ | ||
| 153 | + @include transformFont(); | ||
| 154 | + font-size: 1.3rem; | ||
| 155 | + text-align: center; | ||
| 156 | + } | ||
| 157 | + .more{ | ||
| 158 | + text-align: center; | ||
| 159 | + margin-top: 2em; | ||
| 160 | + } | ||
| 161 | +} | ||
| 162 | + | ||
| 163 | +#consortium{ | ||
| 164 | + margin-top: 6em; | ||
| 165 | + @media only screen and (max-width: 1060px){ | ||
| 166 | + padding-left: 3%; | ||
| 167 | + padding-right: 3%; | ||
| 168 | + } | ||
| 169 | + h2{ | ||
| 170 | + text-align: center; | ||
| 171 | + margin-bottom: 2em; | ||
| 172 | + img{ | ||
| 173 | + max-width: 100%; | ||
| 174 | + } | ||
| 175 | + } | ||
| 176 | + .list{ | ||
| 177 | + border: 4px #d3d3d3 solid; | ||
| 178 | + padding: 20px 2em; | ||
| 179 | + margin-bottom: 20px; | ||
| 180 | + h3{ | ||
| 181 | + border-bottom: 2px #d3d3d3 solid; | ||
| 182 | + padding: 0px 0 20px 24px; | ||
| 183 | + margin-bottom: 30px; | ||
| 184 | + line-height: 100%; | ||
| 185 | + position: relative; | ||
| 186 | + @media only screen and (max-width: 767px){ | ||
| 187 | + margin-bottom: 15px; | ||
| 188 | + } | ||
| 189 | + span{ | ||
| 190 | + display: inline-block; | ||
| 191 | + color: #636466; | ||
| 192 | + font-size: 1.3rem; | ||
| 193 | + @include transformFont(); | ||
| 194 | + line-height: 100%; | ||
| 195 | + } | ||
| 196 | + &:before{ | ||
| 197 | + content: ""; | ||
| 198 | + display: inline-block; | ||
| 199 | + width: 16px; | ||
| 200 | + height: 16px; | ||
| 201 | + background-color: #62bcc3; | ||
| 202 | + border-radius: 8px; | ||
| 203 | + position: absolute; | ||
| 204 | + left:0; | ||
| 205 | + top:2px; | ||
| 206 | + } | ||
| 207 | + } | ||
| 208 | + ul{ | ||
| 209 | + flex-wrap: wrap; | ||
| 210 | + li{ | ||
| 211 | + @include transformFont(); | ||
| 212 | + color: #636466; | ||
| 213 | + display: block; | ||
| 214 | + width: 25%; | ||
| 215 | + font-size: 1.3rem; | ||
| 216 | + margin-bottom: 15px; | ||
| 217 | + @media only screen and (max-width: 767px){ | ||
| 218 | + font-size:1.0rem; | ||
| 219 | + width: 100%; | ||
| 220 | + margin-bottom: 5px; | ||
| 221 | + } | ||
| 222 | + } | ||
| 223 | + } | ||
| 224 | + } | ||
| 225 | +} | ||
| 226 | + | ||
| 227 | +#gray{ | ||
| 228 | + margin-top: 4em; | ||
| 229 | + .container{ | ||
| 230 | + background-color: #f4f4f4; | ||
| 231 | + padding: 3em; | ||
| 232 | + .flex{ | ||
| 233 | + >div:nth-child(1){ | ||
| 234 | + width: 30%; | ||
| 235 | + @media only screen and (max-width: 767px){ | ||
| 236 | + width: 100%; | ||
| 237 | + margin-bottom: 20px; | ||
| 238 | + } | ||
| 239 | + h3{ | ||
| 240 | + color: #636466; | ||
| 241 | + font-size: 1.4rem; | ||
| 242 | + transform: scale( 1 , 1.2 ); | ||
| 243 | + line-height: 180%; | ||
| 244 | + } | ||
| 245 | + } | ||
| 246 | + >div:nth-child(2){ | ||
| 247 | + width: 70%; | ||
| 248 | + @media only screen and (max-width: 767px){ | ||
| 249 | + width: 100%; | ||
| 250 | + } | ||
| 251 | + p{ | ||
| 252 | + font-size: 1.3rem; | ||
| 253 | + } | ||
| 254 | + .more{ | ||
| 255 | + margin-top: 1.5em; | ||
| 256 | + a{ | ||
| 257 | + padding: 4px 2.5em 8px 2em; | ||
| 258 | + line-height: 160%; | ||
| 259 | + &:after{ | ||
| 260 | + background-image: url(/img/about/icon_blank.png); | ||
| 261 | + background-size: 13px auto; | ||
| 262 | + } | ||
| 263 | + span{ | ||
| 264 | + font-size:1.1rem; | ||
| 265 | + } | ||
| 266 | + } | ||
| 267 | + } | ||
| 268 | + } | ||
| 269 | + } | ||
| 270 | + } | ||
| 271 | +} |
css/interview.css
0 → 100644
| 1 | +@font-face { | ||
| 2 | + font-family: "Yu Gothic"; | ||
| 3 | + src: local("Yu Gothic Medium"); | ||
| 4 | + font-weight: 100 | ||
| 5 | +} | ||
| 6 | +@font-face { | ||
| 7 | + font-family: "Yu Gothic"; | ||
| 8 | + src: local("Yu Gothic Medium"); | ||
| 9 | + font-weight: 200 | ||
| 10 | +} | ||
| 11 | +@font-face { | ||
| 12 | + font-family: "Yu Gothic"; | ||
| 13 | + src: local("Yu Gothic Medium"); | ||
| 14 | + font-weight: 300 | ||
| 15 | +} | ||
| 16 | +@font-face { | ||
| 17 | + font-family: "Yu Gothic"; | ||
| 18 | + src: local("Yu Gothic Medium"); | ||
| 19 | + font-weight: 400 | ||
| 20 | +} | ||
| 21 | +@font-face { | ||
| 22 | + font-family: "Yu Gothic"; | ||
| 23 | + src: local("Yu Gothic Bold"); | ||
| 24 | + font-weight: bold | ||
| 25 | +} | ||
| 26 | +#pageTitle { | ||
| 27 | + background: url(/img/about/bg_under.png) no-repeat top center; | ||
| 28 | + background-color: #eefdfe; | ||
| 29 | + padding: 8em 0 5em 0; | ||
| 30 | + text-align: center | ||
| 31 | +} | ||
| 32 | +@media only screen and (max-width: 767px) { | ||
| 33 | + #pageTitle { | ||
| 34 | + padding-left: 3%; | ||
| 35 | + padding-right: 3% | ||
| 36 | + } | ||
| 37 | +} | ||
| 38 | +#pageTitle h1 { | ||
| 39 | + margin-bottom: 0 | ||
| 40 | +} | ||
| 41 | +#pageTitle h1 img { | ||
| 42 | + max-width: 100% | ||
| 43 | +} | ||
| 44 | +#pageTitle p { | ||
| 45 | + color: #636466; | ||
| 46 | + font-size: 1.5rem; | ||
| 47 | + transform: scale(1, 1.2); | ||
| 48 | + letter-spacing: 1px | ||
| 49 | +} | ||
| 50 | +@media only screen and (max-width: 767px) { | ||
| 51 | + #pageTitle p { | ||
| 52 | + font-size: 1.3rem | ||
| 53 | + } | ||
| 54 | +} | ||
| 55 | +#interview { | ||
| 56 | + margin: 10.0rem 0 6.0rem 0 | ||
| 57 | +} | ||
| 58 | +@media only screen and (max-width: 767px) { | ||
| 59 | + #interview { | ||
| 60 | + margin-top: 5.0rem | ||
| 61 | + } | ||
| 62 | +} | ||
| 63 | +@media only screen and (max-width: 767px) { | ||
| 64 | + #interview .container { | ||
| 65 | + padding-left: 3%; | ||
| 66 | + padding-right: 3% | ||
| 67 | + } | ||
| 68 | +} | ||
| 69 | +#interview h2.post-title { | ||
| 70 | + text-align: center; | ||
| 71 | + line-height: 2; | ||
| 72 | + border-top: 3px #231815 solid; | ||
| 73 | + border-bottom: 1px #231815 solid; | ||
| 74 | + padding: 20px 0; | ||
| 75 | + position: relative; | ||
| 76 | + margin-bottom: 40px | ||
| 77 | +} | ||
| 78 | +#interview h2.post-title span { | ||
| 79 | + display: inline-block; | ||
| 80 | + transform: scale(1, 1.2); | ||
| 81 | + font-size: 1.7rem; | ||
| 82 | + letter-spacing: 3px | ||
| 83 | +} | ||
| 84 | +@media only screen and (max-width: 767px) { | ||
| 85 | + #interview h2.post-title span { | ||
| 86 | + font-size: 1.3rem; | ||
| 87 | + letter-spacing: 1px; | ||
| 88 | + line-height: 1.5 | ||
| 89 | + } | ||
| 90 | +} | ||
| 91 | +#interview h2.post-title:after { | ||
| 92 | + content: ""; | ||
| 93 | + display: block; | ||
| 94 | + width: 17px; | ||
| 95 | + height: 16px; | ||
| 96 | + background-image: url(/img/interview/fukudashi.png); | ||
| 97 | + background-repeat: no-repeat; | ||
| 98 | + background-size: 17px auto; | ||
| 99 | + position: absolute; | ||
| 100 | + bottom: -16px; | ||
| 101 | + left: 10% | ||
| 102 | +} | ||
| 103 | +#interview figure figcaption { | ||
| 104 | + line-height: 1.8; | ||
| 105 | + font-size: 13px; | ||
| 106 | + color: #636466 | ||
| 107 | +} | ||
| 108 | +#interview .campany_name { | ||
| 109 | + text-align: center; | ||
| 110 | + border-bottom: 5px #62bcc3 solid; | ||
| 111 | + margin-top: 6.0rem; | ||
| 112 | + padding-bottom: 10px; | ||
| 113 | + margin-bottom: 2.0rem | ||
| 114 | +} | ||
| 115 | +#interview .campany_name span { | ||
| 116 | + display: inline-block; | ||
| 117 | + transform: scale(1, 1.2); | ||
| 118 | + font-size: 2.4rem; | ||
| 119 | + letter-spacing: 3px | ||
| 120 | +} | ||
| 121 | +#interview .toc { | ||
| 122 | + border: 5px #f4f4f4 solid; | ||
| 123 | + padding: 4.0rem 8.0rem | ||
| 124 | +} | ||
| 125 | +@media only screen and (max-width: 767px) { | ||
| 126 | + #interview .toc { | ||
| 127 | + padding: 2.0rem | ||
| 128 | + } | ||
| 129 | +} | ||
| 130 | +#interview .toc h3 { | ||
| 131 | + text-align: center; | ||
| 132 | + margin-bottom: 2.0rem | ||
| 133 | +} | ||
| 134 | +@media only screen and (max-width: 767px) { | ||
| 135 | + #interview .toc h3 img { | ||
| 136 | + width: 100px | ||
| 137 | + } | ||
| 138 | +} | ||
| 139 | +#interview .toc ol { | ||
| 140 | + list-style: none | ||
| 141 | +} | ||
| 142 | +#interview .toc ol li { | ||
| 143 | + position: relative; | ||
| 144 | + padding-left: 20px; | ||
| 145 | + font-size: 1.6rem; | ||
| 146 | + margin-bottom: 8px | ||
| 147 | +} | ||
| 148 | +@media only screen and (max-width: 767px) { | ||
| 149 | + #interview .toc ol li { | ||
| 150 | + font-size: 1.3rem; | ||
| 151 | + line-height: 1.5; | ||
| 152 | + margin-bottom: 10px | ||
| 153 | + } | ||
| 154 | +} | ||
| 155 | +#interview .toc ol li:before { | ||
| 156 | + content: ""; | ||
| 157 | + display: block; | ||
| 158 | + width: 10px; | ||
| 159 | + height: 10px; | ||
| 160 | + background-color: #62bcc3; | ||
| 161 | + border-radius: 5px; | ||
| 162 | + position: absolute; | ||
| 163 | + left: 0; | ||
| 164 | + top: 13px | ||
| 165 | +} | ||
| 166 | +@media only screen and (max-width: 767px) { | ||
| 167 | + #interview .toc ol li:before { | ||
| 168 | + top: 5px | ||
| 169 | + } | ||
| 170 | +} | ||
| 171 | +#interview .toc ol li span { | ||
| 172 | + font-size: 1.4rem; | ||
| 173 | + display: inline-block; | ||
| 174 | + margin-right: 3.0rem | ||
| 175 | +} | ||
| 176 | +@media only screen and (max-width: 767px) { | ||
| 177 | + #interview .toc ol li span { | ||
| 178 | + display: block; | ||
| 179 | + font-size: 1.2rem | ||
| 180 | + } | ||
| 181 | +} | ||
| 182 | +#interview .toc ol li:last-child { | ||
| 183 | + margin-bottom: 0 | ||
| 184 | +} | ||
| 185 | +#interview .post-content h2 { | ||
| 186 | + background-color: #62bcc3; | ||
| 187 | + color: #fff; | ||
| 188 | + font-size: 2.2rem; | ||
| 189 | + text-align: center; | ||
| 190 | + padding: 8px 0; | ||
| 191 | + margin-top: 6.0rem | ||
| 192 | +} | ||
| 193 | +@media only screen and (max-width: 767px) { | ||
| 194 | + #interview .post-content h2 { | ||
| 195 | + margin-top: 4.0rem; | ||
| 196 | + font-size: 1.8rem; | ||
| 197 | + padding: 10px 10px | ||
| 198 | + } | ||
| 199 | +} | ||
| 200 | +#interview .post-content p { | ||
| 201 | + font-size: 1.4rem; | ||
| 202 | + line-height: 2.3 | ||
| 203 | +} | ||
| 204 | +@media only screen and (max-width: 767px) { | ||
| 205 | + #interview .post-content p { | ||
| 206 | + font-size: 1.3rem; | ||
| 207 | + line-height: 2 | ||
| 208 | + } | ||
| 209 | +} | ||
| 210 | +#interview .post-content p.oneline { | ||
| 211 | + padding-top: 1.5rem | ||
| 212 | +} | ||
| 213 | +#interview .post-content p.question { | ||
| 214 | + color: #62bcc3; | ||
| 215 | + font-size: 1.6rem; | ||
| 216 | + margin-bottom: 3.5rem; | ||
| 217 | + margin-bottom: 3.5rem; | ||
| 218 | + margin-top: 3.5rem | ||
| 219 | +} | ||
| 220 | +@media only screen and (max-width: 767px) { | ||
| 221 | + #interview .post-content p.question { | ||
| 222 | + margin-top: 2.0rem; | ||
| 223 | + margin-bottom: 2.0rem | ||
| 224 | + } | ||
| 225 | +} | ||
| 226 | +#interview .post-content .anwer { | ||
| 227 | + display: flex; | ||
| 228 | + margin-bottom: 3.0rem | ||
| 229 | +} | ||
| 230 | +#interview .post-content .anwer > div:nth-child(1) { | ||
| 231 | + width: 10%; | ||
| 232 | + text-align: center; | ||
| 233 | + padding-top: 8px | ||
| 234 | +} | ||
| 235 | +@media only screen and (max-width: 767px) { | ||
| 236 | + #interview .post-content .anwer > div:nth-child(1) { | ||
| 237 | + width: 20% | ||
| 238 | + } | ||
| 239 | +} | ||
| 240 | +#interview .post-content .anwer > div:nth-child(1) p.name { | ||
| 241 | + line-height: 1.2 | ||
| 242 | +} | ||
| 243 | +#interview .post-content .anwer > div:nth-child(1) img { | ||
| 244 | + width: 50px | ||
| 245 | +} | ||
| 246 | +#interview .post-content .anwer > div:nth-child(2) { | ||
| 247 | + width: 90% | ||
| 248 | +} | ||
| 249 | +#interview .post-content figure { | ||
| 250 | + text-align: center; | ||
| 251 | + margin: 6.0rem 0 | ||
| 252 | +} | ||
| 253 | +@media only screen and (max-width: 767px) { | ||
| 254 | + #interview .post-content figure { | ||
| 255 | + margin: 3.0rem 0 | ||
| 256 | + } | ||
| 257 | +} | ||
| 258 | +#interview .pager .more { | ||
| 259 | + text-align: center; | ||
| 260 | + margin-top: 6.0rem | ||
| 261 | +} | ||
| 262 | +#interview .pager .more a { | ||
| 263 | + padding: 12px 5rem; | ||
| 264 | + border-radius: 31.5px | ||
| 265 | +} | ||
| 266 | +@media only screen and (max-width: 767px) { | ||
| 267 | + #interview .pager .more a { | ||
| 268 | + border-radius: 42.5px | ||
| 269 | + } | ||
| 270 | +} | ||
| 271 | +#interview .pager .more a:after { | ||
| 272 | + right: 5% | ||
| 273 | +} | ||
| 274 | +#interview .pager .more a span { | ||
| 275 | + display: inline-block; | ||
| 276 | + text-align: center; | ||
| 277 | + line-height: 1.5; | ||
| 278 | + font-size: 1.3rem; | ||
| 279 | + transform: scale(1, 1.2) | ||
| 280 | +} | ||
| 281 | +#interview .pager ul { | ||
| 282 | + text-align: center; | ||
| 283 | + margin-top: 6.0rem | ||
| 284 | +} | ||
| 285 | +#interview .pager ul li { | ||
| 286 | + display: inline-block; | ||
| 287 | + margin-right: 5px | ||
| 288 | +} | ||
| 289 | +#interview .pager ul li span, #interview .pager ul li a { | ||
| 290 | + border: 1px #231815 solid; | ||
| 291 | + color: #231815; | ||
| 292 | + font-size: 1.6rem; | ||
| 293 | + padding: 8px 15px; | ||
| 294 | + text-align: center | ||
| 295 | +} | ||
| 296 | +#interview .pager ul li span { | ||
| 297 | + border: 1px #62bcc3 solid; | ||
| 298 | + background-color: #62bcc3; | ||
| 299 | + color: #fff | ||
| 300 | +} | ||
| 301 | +.list .more { | ||
| 302 | + text-align: center; | ||
| 303 | + margin-top: 16px | ||
| 304 | +} | ||
| 305 | +.rev.more a { | ||
| 306 | + padding: 8px 5rem 12px 6rem !important | ||
| 307 | +} | ||
| 308 | +.rev.more a:after { | ||
| 309 | + transform: rotate(180deg); | ||
| 310 | + right: auto; | ||
| 311 | + left: 10% | ||
| 312 | +} | ||
| 313 | +#interview .post-content p { | ||
| 314 | + font-size: 1.6rem; | ||
| 315 | +} | ||
| 316 | +#interview .post-content p.anwer-note { | ||
| 317 | + font-size: 12px; | ||
| 318 | + padding-left: 1.1em; | ||
| 319 | + margin-top: 1em; | ||
| 320 | + position: relative; | ||
| 321 | + line-height: 1.8; | ||
| 322 | +} | ||
| 323 | +#interview .post-content p.anwer-note::before { | ||
| 324 | + content: "※"; | ||
| 325 | + position: absolute; | ||
| 326 | + left: 0; | ||
| 327 | + top: 0; | ||
| 328 | +} | ||
| 329 | +#interview br.sp { | ||
| 330 | + display: none; | ||
| 331 | +} | ||
| 332 | +@media only screen and (max-width: 767px) { | ||
| 333 | + #interview br.sp { | ||
| 334 | + display: block; | ||
| 335 | + } | ||
| 336 | + #interview.list .flex > div { | ||
| 337 | + margin-bottom: 30px; | ||
| 338 | + } | ||
| 339 | + #interview.list .flex > div:last-child { | ||
| 340 | + margin-bottom: 0; | ||
| 341 | + } | ||
| 342 | + #interview .pager .more a { | ||
| 343 | + padding: 12px 5rem 12px 4rem; | ||
| 344 | + } | ||
| 345 | +} | ||
| 346 | + | ||
| 347 | +/* | ||
| 348 | + インタビューページの改修 | ||
| 349 | +*/ | ||
| 350 | +h2.headline{ | ||
| 351 | + text-align: center; | ||
| 352 | + border-bottom: 5px #62bcc3 solid; | ||
| 353 | + margin-top: 6.0rem; | ||
| 354 | + padding-bottom: 10px; | ||
| 355 | + margin-bottom: 2.0rem; | ||
| 356 | +} | ||
| 357 | +#event .flex > div{ | ||
| 358 | + width:49%; | ||
| 359 | + background-color: #f4f4f4; | ||
| 360 | + border-radius: 10px; | ||
| 361 | + overflow: hidden; | ||
| 362 | +} | ||
| 363 | +#event .flex > div h3{ | ||
| 364 | + font-size: 1.6rem; | ||
| 365 | + line-height: 1.5; | ||
| 366 | +} | ||
| 367 | +#event .flex > div a{ | ||
| 368 | + text-decoration: none; | ||
| 369 | +} | ||
| 370 | +#event .flex > div p.date{ | ||
| 371 | + font-size: 1.2rem; | ||
| 372 | + font-weight: normal; | ||
| 373 | +} | ||
| 374 | +#event .flex > div p.text{ | ||
| 375 | + font-size: 1.3rem; | ||
| 376 | + line-height: 1.7; | ||
| 377 | + margin-top: 10px; | ||
| 378 | +} | ||
| 379 | +#event .more{ | ||
| 380 | + text-align: center; | ||
| 381 | + margin-top: 20px; | ||
| 382 | +} | ||
| 383 | +#event .flex > div .pbBox{ | ||
| 384 | + padding: 0.4em 1em 1em 1em; | ||
| 385 | +} | ||
| 386 | +#event_detail .container{ | ||
| 387 | + max-width: 980px; | ||
| 388 | +} | ||
| 389 | +#event_detail h2.headline{ | ||
| 390 | + border-bottom: none; | ||
| 391 | + text-align: left; | ||
| 392 | + margin-top: 0; | ||
| 393 | +} | ||
| 394 | +#event_detail p{ | ||
| 395 | + margin-bottom: 15px; | ||
| 396 | +} | ||
| 397 | +#event_detail p.date{ | ||
| 398 | + text-align: right; | ||
| 399 | + font-size: 1.3rem; | ||
| 400 | + margin-bottom: 10px; | ||
| 401 | + margin-top: 5.0em; | ||
| 402 | +} | ||
| 403 | +#event_detail figure{ | ||
| 404 | + text-align: center; | ||
| 405 | + margin-bottom: 15px; | ||
| 406 | +} | ||
| 407 | +#event_detail .photos.flex{ | ||
| 408 | + flex-wrap: wrap; | ||
| 409 | +} | ||
| 410 | +#event_detail .photos.flex > div{ | ||
| 411 | + width: 48.5%; | ||
| 412 | +} | ||
| 413 | +#event_detail .photos.flex > div figure{ | ||
| 414 | + margin-bottom: 6px; | ||
| 415 | +} | ||
| 416 | +#event_detail .photos.flex > div figure img{ | ||
| 417 | + vertical-align: bottom; | ||
| 418 | +} | ||
| 419 | +#event_detail .photos.flex > div p{ | ||
| 420 | + text-align: left; | ||
| 421 | + font-size: 1.3rem; | ||
| 422 | + line-height: 1.6; | ||
| 423 | +} | ||
| 424 | +#event_detail .borderBox{ | ||
| 425 | + border: 4px #62bcc3 solid; | ||
| 426 | + padding: 10px 1.6em 0 1.6em; | ||
| 427 | + border-radius: 14px; | ||
| 428 | + margin-top: 40px; | ||
| 429 | +} | ||
| 430 | +#event_detail .borderBox h4{ | ||
| 431 | + margin-bottom: 20px; | ||
| 432 | + margin-top: 15px; | ||
| 433 | +} | ||
| 434 | +#event_detail .borderBox h5{ | ||
| 435 | + border-bottom: 2px #d3d3d3 solid; | ||
| 436 | + padding: 0px 0 20px 24px; | ||
| 437 | + margin-bottom: 10px; | ||
| 438 | + line-height: 100%; | ||
| 439 | + position: relative; | ||
| 440 | + color: #636466; | ||
| 441 | +} | ||
| 442 | +#event_detail .borderBox p{ | ||
| 443 | + font-size: 1.4rem; | ||
| 444 | + margin-bottom: 30px; | ||
| 445 | + line-height: 1.7; | ||
| 446 | +} | ||
| 447 | +#event_detail .borderBox h5:before{ | ||
| 448 | + content: ""; | ||
| 449 | + display: inline-block; | ||
| 450 | + width: 16px; | ||
| 451 | + height: 16px; | ||
| 452 | + background-color: #62bcc3; | ||
| 453 | + border-radius: 8px; | ||
| 454 | + position: absolute; | ||
| 455 | + left: 0; | ||
| 456 | + top: 2px; | ||
| 457 | +} | ||
| 458 | +#event_detail .pager .more{ | ||
| 459 | + text-align: center; | ||
| 460 | + margin-top: 30px; | ||
| 461 | +} | ||
| 462 | +#interview figure.kadomaru img{ | ||
| 463 | + border-radius: 10px; | ||
| 464 | +} | ||
| 465 | +@media only screen and (max-width: 767px) { | ||
| 466 | + #event .container, | ||
| 467 | + #event_detail .container{ | ||
| 468 | + padding-left: 3%; | ||
| 469 | + padding-right: 3%; | ||
| 470 | + } | ||
| 471 | + #event .flex > div{ | ||
| 472 | + width: 100%; | ||
| 473 | + } | ||
| 474 | + #event .flex > div img{ | ||
| 475 | + width: 100%; | ||
| 476 | + } | ||
| 477 | + #event_detail p.date{ | ||
| 478 | + margin-top: 2.5em; | ||
| 479 | + } | ||
| 480 | + #event_detail .photos.flex > div p{ | ||
| 481 | + font-size: 1.2rem; | ||
| 482 | + } | ||
| 483 | + #event_detail .photos.flex > div p br{ | ||
| 484 | + display: none; | ||
| 485 | + } | ||
| 486 | +} |
css/news.css
0 → 100644
| 1 | + | ||
| 2 | +#pageTitle { | ||
| 3 | + background: url(/img/about/bg_under.png) no-repeat top center; | ||
| 4 | + background-color: #eefdfe; | ||
| 5 | + padding: 8em 0 5em 0; | ||
| 6 | + text-align: center; | ||
| 7 | +} | ||
| 8 | +#pageTitle h1 { | ||
| 9 | + margin-bottom: 0.8em; | ||
| 10 | +} | ||
| 11 | +#pageTitle h1 img { | ||
| 12 | + max-width: 100%; | ||
| 13 | +} | ||
| 14 | +#pageTitle p { | ||
| 15 | + color: #636466; | ||
| 16 | + font-size: 1.5rem; | ||
| 17 | + transform: scale(1, 1.2); | ||
| 18 | + letter-spacing: 1px; | ||
| 19 | +} | ||
| 20 | +@media only screen and (max-width: 767px) { | ||
| 21 | + #pageTitle p { | ||
| 22 | + font-size: 1.3rem; | ||
| 23 | + } | ||
| 24 | +} | ||
| 25 | +#news{ | ||
| 26 | + padding-top: 5em; | ||
| 27 | +} | ||
| 28 | +@media only screen and (max-width: 767px) { | ||
| 29 | + #news{ | ||
| 30 | + padding-top: 2.5em; | ||
| 31 | + padding-left: 3%; | ||
| 32 | + padding-right: 3%; | ||
| 33 | + } | ||
| 34 | +} | ||
| 35 | +dl dt{ | ||
| 36 | + padding-right: 30px; | ||
| 37 | + font-family: 'Roboto Condensed', sans-serif; | ||
| 38 | + font-weight: bold; | ||
| 39 | + color: #62bcc3; | ||
| 40 | + width: 10%; | ||
| 41 | +} | ||
| 42 | +dl dd{ | ||
| 43 | + width: 90%; | ||
| 44 | +} | ||
| 45 | +dl dt, | ||
| 46 | +dl dd{ | ||
| 47 | + font-size: 1.5rem; | ||
| 48 | + } | ||
| 49 | +} |
css/privacy.css
0 → 100644
| 1 | +@charset "UTF-8"; | ||
| 2 | +/* 游ゴシック | ||
| 3 | +=========================================== */ | ||
| 4 | +@font-face { | ||
| 5 | + font-family: "Yu Gothic"; | ||
| 6 | + src: local("Yu Gothic Medium"); | ||
| 7 | + font-weight: 100; | ||
| 8 | +} | ||
| 9 | + | ||
| 10 | +@font-face { | ||
| 11 | + font-family: "Yu Gothic"; | ||
| 12 | + src: local("Yu Gothic Medium"); | ||
| 13 | + font-weight: 200; | ||
| 14 | +} | ||
| 15 | + | ||
| 16 | +@font-face { | ||
| 17 | + font-family: "Yu Gothic"; | ||
| 18 | + src: local("Yu Gothic Medium"); | ||
| 19 | + font-weight: 300; | ||
| 20 | +} | ||
| 21 | + | ||
| 22 | +@font-face { | ||
| 23 | + font-family: "Yu Gothic"; | ||
| 24 | + src: local("Yu Gothic Medium"); | ||
| 25 | + font-weight: 400; | ||
| 26 | +} | ||
| 27 | + | ||
| 28 | +@font-face { | ||
| 29 | + font-family: "Yu Gothic"; | ||
| 30 | + src: local("Yu Gothic Bold"); | ||
| 31 | + font-weight: bold; | ||
| 32 | +} | ||
| 33 | +.privacy h1{ | ||
| 34 | + text-align: center; | ||
| 35 | + font-size: 2em; | ||
| 36 | + padding: 120px 0 10px 0; | ||
| 37 | + color: #999; | ||
| 38 | + | ||
| 39 | +} | ||
| 40 | +.privacy h2{ | ||
| 41 | + color: #62bcc3; | ||
| 42 | + font-size: 2rem; | ||
| 43 | + font-weight: bold; | ||
| 44 | + text-align: left; | ||
| 45 | + margin-bottom: 1.0rem; | ||
| 46 | + line-height: 1.8; | ||
| 47 | + display: table; | ||
| 48 | + margin-left: 0; | ||
| 49 | + margin-right: auto; | ||
| 50 | + margin-top: 60px; | ||
| 51 | + border-bottom: 2px solid #62bcc3; | ||
| 52 | +} | ||
| 53 | +.privacy p{ | ||
| 54 | + text-align: left; | ||
| 55 | + font-size: 1.4rem; | ||
| 56 | + line-height: 200%; | ||
| 57 | + color: #636466; | ||
| 58 | + margin-top: 20px;; | ||
| 59 | + font-weight: normal; | ||
| 60 | +} |
css/service.css
0 → 100644
| 1 | +@charset "UTF-8"; | ||
| 2 | +/* 游ゴシック | ||
| 3 | +=========================================== */ | ||
| 4 | +@font-face { | ||
| 5 | + font-family: "Yu Gothic"; | ||
| 6 | + src: local("Yu Gothic Medium"); | ||
| 7 | + font-weight: 100; | ||
| 8 | +} | ||
| 9 | + | ||
| 10 | +@font-face { | ||
| 11 | + font-family: "Yu Gothic"; | ||
| 12 | + src: local("Yu Gothic Medium"); | ||
| 13 | + font-weight: 200; | ||
| 14 | +} | ||
| 15 | + | ||
| 16 | +@font-face { | ||
| 17 | + font-family: "Yu Gothic"; | ||
| 18 | + src: local("Yu Gothic Medium"); | ||
| 19 | + font-weight: 300; | ||
| 20 | +} | ||
| 21 | + | ||
| 22 | +@font-face { | ||
| 23 | + font-family: "Yu Gothic"; | ||
| 24 | + src: local("Yu Gothic Medium"); | ||
| 25 | + font-weight: 400; | ||
| 26 | +} | ||
| 27 | + | ||
| 28 | +@font-face { | ||
| 29 | + font-family: "Yu Gothic"; | ||
| 30 | + src: local("Yu Gothic Bold"); | ||
| 31 | + font-weight: bold; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +/* 矢印 | ||
| 35 | +=========================================== */ | ||
| 36 | +/* 角丸 | ||
| 37 | +=========================================== */ | ||
| 38 | +#pageTitle { | ||
| 39 | + padding: 8em 0 5em 0; | ||
| 40 | + text-align: center; | ||
| 41 | +} | ||
| 42 | + | ||
| 43 | +@media only screen and (max-width: 767px) { | ||
| 44 | + #pageTitle { | ||
| 45 | + padding-left: 3%; | ||
| 46 | + padding-right: 3%; | ||
| 47 | + } | ||
| 48 | +} | ||
| 49 | + | ||
| 50 | +#pageTitle .flex { | ||
| 51 | + align-items: center; | ||
| 52 | +} | ||
| 53 | + | ||
| 54 | +#pageTitle .flex > div { | ||
| 55 | + width: 50%; | ||
| 56 | +} | ||
| 57 | + | ||
| 58 | +@media only screen and (max-width: 767px) { | ||
| 59 | + #pageTitle .flex > div { | ||
| 60 | + width: 100%; | ||
| 61 | + } | ||
| 62 | +} | ||
| 63 | + | ||
| 64 | +#pageTitle .flex > div p { | ||
| 65 | + text-align: left; | ||
| 66 | + font-size: 1.3rem; | ||
| 67 | + transform: scale(1, 1.2); | ||
| 68 | + line-height: 200%; | ||
| 69 | + margin-bottom: 30px; | ||
| 70 | +} | ||
| 71 | + | ||
| 72 | +#pageTitle h1 { | ||
| 73 | + margin-bottom: 0.8em; | ||
| 74 | +} | ||
| 75 | + | ||
| 76 | +#pageTitle p { | ||
| 77 | + color: #636466; | ||
| 78 | + font-size: 1.5rem; | ||
| 79 | + transform: scale(1, 1.2); | ||
| 80 | + letter-spacing: 1px; | ||
| 81 | +} | ||
| 82 | + | ||
| 83 | +.search.btm { | ||
| 84 | + margin-top: 6em; | ||
| 85 | +} | ||
| 86 | + | ||
| 87 | +.search.btm .bg > .flex > div { | ||
| 88 | + padding: 1.2em; | ||
| 89 | +} | ||
| 90 | + | ||
| 91 | +.search.more { | ||
| 92 | + margin-top: 3em; | ||
| 93 | + text-align: center; | ||
| 94 | +} | ||
| 95 | + | ||
| 96 | +.search.more .more a { | ||
| 97 | + min-width: 320px; | ||
| 98 | +} | ||
| 99 | + | ||
| 100 | +.search .bg { | ||
| 101 | + background-color: #f4f4f4; | ||
| 102 | + padding: 2em; | ||
| 103 | +} | ||
| 104 | + | ||
| 105 | +.search .bg h2 { | ||
| 106 | + margin-top: -50%; | ||
| 107 | +} | ||
| 108 | + | ||
| 109 | +@media only screen and (max-width: 767px) { | ||
| 110 | + .search .bg h2 { | ||
| 111 | + margin-top: 0; | ||
| 112 | + } | ||
| 113 | + .search .bg h2 img { | ||
| 114 | + width: 137px; | ||
| 115 | + } | ||
| 116 | +} | ||
| 117 | + | ||
| 118 | +.search .bg > .flex { | ||
| 119 | + justify-content: space-between; | ||
| 120 | +} | ||
| 121 | + | ||
| 122 | +.search .bg > .flex > div { | ||
| 123 | + width: 32%; | ||
| 124 | + border: 4px #62bcc3 solid; | ||
| 125 | + border-radius: 14px; | ||
| 126 | + background-color: #fff; | ||
| 127 | + padding: 2.2em 1.6em; | ||
| 128 | + position: relative; | ||
| 129 | + margin-top: 20px; | ||
| 130 | +} | ||
| 131 | + | ||
| 132 | +@media only screen and (max-width: 767px) { | ||
| 133 | + .search .bg > .flex > div { | ||
| 134 | + width: 100%; | ||
| 135 | + } | ||
| 136 | +} | ||
| 137 | + | ||
| 138 | +.search .bg > .flex > div h3 { | ||
| 139 | + line-height: 140%; | ||
| 140 | +} | ||
| 141 | + | ||
| 142 | +.search .bg > .flex > div img { | ||
| 143 | + vertical-align: bottom; | ||
| 144 | +} | ||
| 145 | + | ||
| 146 | +.search .bg > .flex > div.noBorder { | ||
| 147 | + border: none; | ||
| 148 | + background-color: transparent; | ||
| 149 | +} | ||
| 150 | + | ||
| 151 | +@media only screen and (max-width: 767px) { | ||
| 152 | + .search .bg > .flex > div.noBorder { | ||
| 153 | + padding: 0; | ||
| 154 | + } | ||
| 155 | +} | ||
| 156 | + | ||
| 157 | +.search .bg > .flex > div a { | ||
| 158 | + display: inline-block; | ||
| 159 | + background-color: #62bcc3; | ||
| 160 | + color: #fff; | ||
| 161 | + padding: 5px 40px; | ||
| 162 | + line-height: 120%; | ||
| 163 | + border-top-left-radius: 14px; | ||
| 164 | + border-bottom-left-radius: 14px; | ||
| 165 | + position: absolute; | ||
| 166 | + right: 0; | ||
| 167 | + bottom: 14px; | ||
| 168 | +} | ||
| 169 | + | ||
| 170 | +.search .bg > .flex > div a:after { | ||
| 171 | + content: ""; | ||
| 172 | + display: block; | ||
| 173 | + width: 12px; | ||
| 174 | + height: 15px; | ||
| 175 | + background: url(/common/img/icon_arrow.png) no-repeat 0 0; | ||
| 176 | + position: absolute; | ||
| 177 | + right: 15%; | ||
| 178 | + top: 26%; | ||
| 179 | +} | ||
| 180 | + | ||
| 181 | +.search .bg > .flex > div a span { | ||
| 182 | + display: inline-block; | ||
| 183 | + font-size: 1.3rem; | ||
| 184 | + transform: scale(1, 1.2); | ||
| 185 | +} | ||
| 186 | + | ||
| 187 | +.search .bg .lists { | ||
| 188 | + justify-content: space-between; | ||
| 189 | +} | ||
| 190 | + | ||
| 191 | +.search .bg .lists > div:nth-child(1) { | ||
| 192 | + width: 55%; | ||
| 193 | +} | ||
| 194 | + | ||
| 195 | +.search .bg .lists > div:nth-child(1) img { | ||
| 196 | + max-width: 100%; | ||
| 197 | +} | ||
| 198 | + | ||
| 199 | +.search .bg .lists > div:nth-child(2) { | ||
| 200 | + width: 40%; | ||
| 201 | +} | ||
| 202 | + | ||
| 203 | +#detail .bg { | ||
| 204 | + background-color: #f4f4f4; | ||
| 205 | + padding: 26px 40px; | ||
| 206 | +} | ||
| 207 | + | ||
| 208 | +#detail .bg + .bg { | ||
| 209 | + margin-top: 20px; | ||
| 210 | +} | ||
| 211 | + | ||
| 212 | +@media only screen and (max-width: 767px) { | ||
| 213 | + #detail .bg { | ||
| 214 | + padding: 15px; | ||
| 215 | + } | ||
| 216 | +} | ||
| 217 | + | ||
| 218 | +#detail .bg .labels > div { | ||
| 219 | + width: 50%; | ||
| 220 | +} | ||
| 221 | + | ||
| 222 | +@media only screen and (max-width: 767px) { | ||
| 223 | + #detail .bg .labels > div { | ||
| 224 | + width: 100%; | ||
| 225 | + } | ||
| 226 | +} | ||
| 227 | + | ||
| 228 | +#detail .bg .labels > div h2 { | ||
| 229 | + font-size: 1.3rem; | ||
| 230 | + color: #62bcc3; | ||
| 231 | + line-height: 100%; | ||
| 232 | + padding: 12px 8px; | ||
| 233 | +} | ||
| 234 | + | ||
| 235 | +#detail .bg .labels > div p { | ||
| 236 | + display: inline-block; | ||
| 237 | + background-color: #62bcc3; | ||
| 238 | + line-height: 100%; | ||
| 239 | + font-size: 1.2rem; | ||
| 240 | + color: #fff; | ||
| 241 | + padding: 6px 16px; | ||
| 242 | + border-radius: 12px; | ||
| 243 | +} | ||
| 244 | + | ||
| 245 | +#detail .bg .labels .green h2 { | ||
| 246 | + color: #3ccc79; | ||
| 247 | +} | ||
| 248 | + | ||
| 249 | +#detail .bg .labels .green p { | ||
| 250 | + background-color: #3ccc79; | ||
| 251 | +} | ||
| 252 | + | ||
| 253 | +#detail .bg .borderBox { | ||
| 254 | + border: 4px #62bcc3 solid; | ||
| 255 | + border-radius: 14px; | ||
| 256 | + background-color: #fff; | ||
| 257 | + padding: 10px 1.6em 1.4em 1.6em; | ||
| 258 | + margin-top: 20px; | ||
| 259 | +} | ||
| 260 | + | ||
| 261 | +#detail .bg .borderBox table.gaiyo { | ||
| 262 | + width: 100%; | ||
| 263 | +} | ||
| 264 | + | ||
| 265 | +#detail .bg .borderBox table.gaiyo th, #detail .bg .borderBox table.gaiyo td { | ||
| 266 | + font-size: 1.4rem; | ||
| 267 | + line-height: 170%; | ||
| 268 | + text-align: left; | ||
| 269 | + border-bottom: 2px #e2e2e2 solid; | ||
| 270 | + padding: 20px 0; | ||
| 271 | +} | ||
| 272 | + | ||
| 273 | +@media only screen and (max-width: 767px) { | ||
| 274 | + #detail .bg .borderBox table.gaiyo th, #detail .bg .borderBox table.gaiyo td { | ||
| 275 | + width: 100%; | ||
| 276 | + display: block; | ||
| 277 | + } | ||
| 278 | +} | ||
| 279 | + | ||
| 280 | +#detail .bg .borderBox table.gaiyo th { | ||
| 281 | + width: 24%; | ||
| 282 | +} | ||
| 283 | + | ||
| 284 | +@media only screen and (max-width: 767px) { | ||
| 285 | + #detail .bg .borderBox table.gaiyo th { | ||
| 286 | + width: 100%; | ||
| 287 | + } | ||
| 288 | +} | ||
| 289 | + | ||
| 290 | +#detail .bg .borderBox table.gaiyo th:before { | ||
| 291 | + content: ""; | ||
| 292 | + display: inline-block; | ||
| 293 | + width: 10px; | ||
| 294 | + height: 10px; | ||
| 295 | + border-radius: 5px; | ||
| 296 | + background-color: #62bcc3; | ||
| 297 | + margin-right: 6px; | ||
| 298 | +} | ||
| 299 | + | ||
| 300 | +#detail .bg .borderBox table.gaiyo td { | ||
| 301 | + line-height: 2; | ||
| 302 | +} | ||
| 303 | + | ||
| 304 | +#detail .bg .borderBox table.gaiyo td figure { | ||
| 305 | + text-align: center; | ||
| 306 | +} | ||
| 307 | + | ||
| 308 | +#detail .bg .borderBox table.gaiyo td a { | ||
| 309 | + text-decoration: underline; | ||
| 310 | + position: relative; | ||
| 311 | + display: inline-block; | ||
| 312 | + padding-left: 10px; | ||
| 313 | +} | ||
| 314 | + | ||
| 315 | +#detail .bg .borderBox table.gaiyo td a:before { | ||
| 316 | + content: ""; | ||
| 317 | + display: block; | ||
| 318 | + width: 0; | ||
| 319 | + height: 0; | ||
| 320 | + border-style: solid; | ||
| 321 | + border-width: 5px 0 5px 5px; | ||
| 322 | + border-color: transparent transparent transparent #000000; | ||
| 323 | + transform: scale(1, 0.75); | ||
| 324 | + position: absolute; | ||
| 325 | + left: 0; | ||
| 326 | + top: 7px; | ||
| 327 | +} | ||
| 328 | + | ||
| 329 | +#detail .bg .borderBox table.gaiyo td.bold { | ||
| 330 | + font-weight: bold; | ||
| 331 | + font-size: 1.6rem; | ||
| 332 | +} | ||
| 333 | + | ||
| 334 | +#detail .bg .borderBox table.gaiyo .noBorder { | ||
| 335 | + border: none; | ||
| 336 | +} | ||
| 337 | + | ||
| 338 | +@media only screen and (max-width: 767px) { | ||
| 339 | + #detail .bg .borderBox table.gaiyo td.noBorder { | ||
| 340 | + padding-top: 0; | ||
| 341 | + padding-bottom: 0; | ||
| 342 | + } | ||
| 343 | +} | ||
| 344 | + | ||
| 345 | +#detail .bg .borderBox table.ph th, #detail .bg .borderBox table.ph td { | ||
| 346 | + border: none; | ||
| 347 | + padding: 5px; | ||
| 348 | + text-align: center; | ||
| 349 | +} | ||
| 350 | + | ||
| 351 | +@media only screen and (max-width: 767px) { | ||
| 352 | + #detail .bg .borderBox table.ph th, #detail .bg .borderBox table.ph td { | ||
| 353 | + width: 33%; | ||
| 354 | + display: table-cell; | ||
| 355 | + } | ||
| 356 | + #detail .bg .borderBox table.ph th img, #detail .bg .borderBox table.ph td img { | ||
| 357 | + max-width: 100%; | ||
| 358 | + } | ||
| 359 | +} | ||
| 360 | + | ||
| 361 | +#detail .bg .borderBox table.ph th { | ||
| 362 | + text-align: center; | ||
| 363 | + font-size: 1.6rem; | ||
| 364 | +} | ||
| 365 | + | ||
| 366 | +@media only screen and (max-width: 767px) { | ||
| 367 | + #detail .bg .borderBox table.ph th { | ||
| 368 | + font-size: 1.2rem; | ||
| 369 | + } | ||
| 370 | +} | ||
| 371 | + | ||
| 372 | +#detail .bg .borderBox table.ph th:before { | ||
| 373 | + display: none; | ||
| 374 | +} | ||
| 375 | + | ||
| 376 | +@media only screen and (max-width: 767px) { | ||
| 377 | + #detail .bg .borderBox table.ph td { | ||
| 378 | + font-size: 1.0rem; | ||
| 379 | + line-height: 150%; | ||
| 380 | + } | ||
| 381 | +} | ||
| 382 | + | ||
| 383 | +#detail .bg .borderBox table.ph .border { | ||
| 384 | + border-right: 2px #e2e2e2 solid; | ||
| 385 | +} | ||
| 386 | + | ||
| 387 | +.rev .more a { | ||
| 388 | + padding: 6px 3em 12px 4em; | ||
| 389 | +} | ||
| 390 | + | ||
| 391 | +.rev .more a:after { | ||
| 392 | + transform: rotate(180deg); | ||
| 393 | + right: auto; | ||
| 394 | + left: 15%; | ||
| 395 | +} | ||
| 396 | + | ||
| 397 | + | ||
| 398 | + | ||
| 399 | +.nav { | ||
| 400 | + display: flex; | ||
| 401 | + justify-content: space-between; | ||
| 402 | + font-size: 13px; | ||
| 403 | + line-height: 1.4; | ||
| 404 | + margin-bottom: 20px; | ||
| 405 | +} | ||
| 406 | +.nav p{ | ||
| 407 | + text-align: center; | ||
| 408 | + font-size: 15px; | ||
| 409 | + margin-bottom: 10px; | ||
| 410 | + color: #FFF; | ||
| 411 | + padding: 8px 0; | ||
| 412 | + border-radius: 999px; | ||
| 413 | + line-height: 1; | ||
| 414 | +} | ||
| 415 | +.nav-left p{ | ||
| 416 | + background: #62bcc3; | ||
| 417 | +} | ||
| 418 | +.nav-right p{ | ||
| 419 | + background: #3ccc79; | ||
| 420 | +} | ||
| 421 | +.nav ul{ | ||
| 422 | + display: flex; | ||
| 423 | +} | ||
| 424 | +.nav ul li{ | ||
| 425 | + width: 25%; | ||
| 426 | + min-height: 3.6em; | ||
| 427 | + display: flex; | ||
| 428 | + align-items: center; | ||
| 429 | + justify-content: center; | ||
| 430 | +} | ||
| 431 | +.nav ul li a{ | ||
| 432 | + display: block; | ||
| 433 | + text-align: center; | ||
| 434 | +} | ||
| 435 | +.nav ul li + li{ | ||
| 436 | + border-left: 2px solid #e2e2e2; | ||
| 437 | +} | ||
| 438 | +.nav-left { | ||
| 439 | + width: 48%; | ||
| 440 | +} | ||
| 441 | +.nav-right { | ||
| 442 | + width: 48%; | ||
| 443 | +} | ||
| 444 | +@media only screen and (max-width: 767px) { | ||
| 445 | + #pageTitle .flex > div p br{ | ||
| 446 | + display: none; | ||
| 447 | + } | ||
| 448 | +} | ||
| 449 | + | ||
| 450 | +.detail-title{ | ||
| 451 | + border-bottom: 4px solid #62bcc3; | ||
| 452 | + margin-bottom: 40px; | ||
| 453 | + display: flex; | ||
| 454 | + align-items: flex-end; | ||
| 455 | + margin-top: 40px; | ||
| 456 | + padding: 0 20px 10px 20px; | ||
| 457 | +} | ||
| 458 | +.detail-title--benefit{ | ||
| 459 | + border-bottom: 4px solid #3ccc79; | ||
| 460 | +} | ||
| 461 | +.detail-title h2{ | ||
| 462 | + margin-bottom: 5px; | ||
| 463 | + margin-left: 25px; | ||
| 464 | + transform: scale(1, 1.2); | ||
| 465 | +} | ||
| 466 | +.detail-title-ico img{ | ||
| 467 | + vertical-align: bottom; | ||
| 468 | +} | ||
| 469 | +.detail-title-ico--s img{ | ||
| 470 | + width: 110px; | ||
| 471 | + height: auto; | ||
| 472 | +} | ||
| 473 | +.detail-title-ico--ss img{ | ||
| 474 | + width: 80px; | ||
| 475 | + height: auto; | ||
| 476 | +} | ||
| 477 | +.detail-title-ico--sss img{ | ||
| 478 | + width: 60px; | ||
| 479 | + height: auto; | ||
| 480 | +} | ||
| 481 | + | ||
| 482 | +.service_date{ | ||
| 483 | + text-align: right; | ||
| 484 | + font-weight: normal; | ||
| 485 | +} |
css/service.scss
0 → 100644
| 1 | +@import "../common/css/mixin_style"; | ||
| 2 | + | ||
| 3 | +#pageTitle{ | ||
| 4 | + padding: 8em 0 5em 0; | ||
| 5 | + text-align: center; | ||
| 6 | + @media only screen and (max-width: 767px){ | ||
| 7 | + padding-left: 3%; | ||
| 8 | + padding-right: 3%; | ||
| 9 | + } | ||
| 10 | + .flex{ | ||
| 11 | + align-items: center; | ||
| 12 | + >div{ | ||
| 13 | + width: 50%; | ||
| 14 | + @media only screen and (max-width: 767px){ | ||
| 15 | + width: 100%; | ||
| 16 | + } | ||
| 17 | + p{ | ||
| 18 | + text-align: left; | ||
| 19 | + font-size: 1.3rem; | ||
| 20 | + transform: scale( 1 , 1.2 ); | ||
| 21 | + line-height: 200%; | ||
| 22 | + margin-bottom: 30px; | ||
| 23 | + } | ||
| 24 | + } | ||
| 25 | + } | ||
| 26 | + h1{ | ||
| 27 | + margin-bottom: 0.8em; | ||
| 28 | + } | ||
| 29 | + p{ | ||
| 30 | + color: #636466; | ||
| 31 | + font-size: 1.5rem; | ||
| 32 | + transform: scale( 1 , 1.2 ); | ||
| 33 | + letter-spacing: 1px; | ||
| 34 | + } | ||
| 35 | +} | ||
| 36 | +.search{ | ||
| 37 | + &.btm{ | ||
| 38 | + margin-top: 6em; | ||
| 39 | + .bg{ | ||
| 40 | + >.flex{ | ||
| 41 | + >div{ | ||
| 42 | + padding: 1.2em; | ||
| 43 | + } | ||
| 44 | + } | ||
| 45 | + } | ||
| 46 | + } | ||
| 47 | + &.more{ | ||
| 48 | + margin-top: 3em; | ||
| 49 | + text-align: center; | ||
| 50 | + .more{ | ||
| 51 | + a{ | ||
| 52 | + min-width: 320px; | ||
| 53 | + } | ||
| 54 | + } | ||
| 55 | + } | ||
| 56 | + .bg{ | ||
| 57 | + background-color: #f4f4f4; | ||
| 58 | + padding: 2em; | ||
| 59 | + h2{ | ||
| 60 | + margin-top: -50%; | ||
| 61 | + @media only screen and (max-width: 767px){ | ||
| 62 | + margin-top: 0; | ||
| 63 | + img{ | ||
| 64 | + width: 137px; | ||
| 65 | + } | ||
| 66 | + } | ||
| 67 | + } | ||
| 68 | + >.flex{ | ||
| 69 | + justify-content:space-between; | ||
| 70 | + >div{ | ||
| 71 | + width: 32%; | ||
| 72 | + border: 4px #62bcc3 solid; | ||
| 73 | + border-radius: 14px; | ||
| 74 | + background-color: #fff; | ||
| 75 | + padding: 2.2em 1.6em; | ||
| 76 | + position: relative; | ||
| 77 | + margin-top: 20px; | ||
| 78 | + @media only screen and (max-width: 767px){ | ||
| 79 | + width: 100%; | ||
| 80 | + } | ||
| 81 | + h3{ | ||
| 82 | + line-height: 140%; | ||
| 83 | + } | ||
| 84 | + img{ | ||
| 85 | + vertical-align: bottom; | ||
| 86 | + } | ||
| 87 | + &.noBorder{ | ||
| 88 | + border:none; | ||
| 89 | + background-color: transparent; | ||
| 90 | + @media only screen and (max-width: 767px){ | ||
| 91 | + padding: 0; | ||
| 92 | + } | ||
| 93 | + } | ||
| 94 | + a{ | ||
| 95 | + display: inline-block; | ||
| 96 | + background-color: #62bcc3; | ||
| 97 | + color: #fff; | ||
| 98 | + padding: 5px 40px; | ||
| 99 | + line-height: 120%; | ||
| 100 | + border-top-left-radius: 14px; | ||
| 101 | + border-bottom-left-radius: 14px; | ||
| 102 | + position: absolute; | ||
| 103 | + right: 0; | ||
| 104 | + bottom: 14px; | ||
| 105 | + &:after{ | ||
| 106 | + content: ""; | ||
| 107 | + display: block; | ||
| 108 | + width: 12px; | ||
| 109 | + height: 15px; | ||
| 110 | + background: url(/common/img/icon_arrow.png) no-repeat 0 0; | ||
| 111 | + position: absolute; | ||
| 112 | + right: 15%; | ||
| 113 | + top: 26%; | ||
| 114 | + } | ||
| 115 | + span{ | ||
| 116 | + display: inline-block; | ||
| 117 | + font-size: 1.3rem; | ||
| 118 | + transform: scale( 1 , 1.2 ); | ||
| 119 | + } | ||
| 120 | + } | ||
| 121 | + } | ||
| 122 | + } | ||
| 123 | + .lists{ | ||
| 124 | + justify-content: space-between; | ||
| 125 | + >div:nth-child(1){ | ||
| 126 | + width: 55%; | ||
| 127 | + img{ | ||
| 128 | + max-width: 100%; | ||
| 129 | + } | ||
| 130 | + } | ||
| 131 | + >div:nth-child(2){ | ||
| 132 | + width: 40%; | ||
| 133 | + } | ||
| 134 | + } | ||
| 135 | + } | ||
| 136 | +} | ||
| 137 | + | ||
| 138 | +#detail{ | ||
| 139 | + .bg{ | ||
| 140 | + background-color: #f4f4f4; | ||
| 141 | + padding:26px 40px; | ||
| 142 | + @media only screen and (max-width: 767px){ | ||
| 143 | + padding: 15px; | ||
| 144 | + } | ||
| 145 | + .labels{ | ||
| 146 | + >div{ | ||
| 147 | + width: 50%; | ||
| 148 | + @media only screen and (max-width: 767px){ | ||
| 149 | + width: 100%; | ||
| 150 | + } | ||
| 151 | + h2{ | ||
| 152 | + font-size: 1.3rem; | ||
| 153 | + color: #62bcc3; | ||
| 154 | + line-height: 100%; | ||
| 155 | + padding: 12px 8px; | ||
| 156 | + } | ||
| 157 | + p{ | ||
| 158 | + display: inline-block; | ||
| 159 | + background-color: #62bcc3; | ||
| 160 | + line-height: 100%; | ||
| 161 | + font-size: 1.2rem; | ||
| 162 | + color: #fff; | ||
| 163 | + padding: 6px 16px; | ||
| 164 | + border-radius: 12px; | ||
| 165 | + } | ||
| 166 | + } | ||
| 167 | + .green{ | ||
| 168 | + h2{ | ||
| 169 | + color: #3ccc79; | ||
| 170 | + } | ||
| 171 | + p{ | ||
| 172 | + background-color: #3ccc79; | ||
| 173 | + } | ||
| 174 | + } | ||
| 175 | + } | ||
| 176 | + .borderBox{ | ||
| 177 | + border: 4px #62bcc3 solid; | ||
| 178 | + border-radius: 14px; | ||
| 179 | + background-color: #fff; | ||
| 180 | + padding:10px 1.6em 1.4em 1.6em; | ||
| 181 | + margin-top: 20px; | ||
| 182 | + table.gaiyo{ | ||
| 183 | + width: 100%; | ||
| 184 | + th,td{ | ||
| 185 | + font-size: 1.4rem; | ||
| 186 | + line-height: 170%; | ||
| 187 | + text-align: left; | ||
| 188 | + border-bottom: 2px #e2e2e2 solid; | ||
| 189 | + padding: 20px 0; | ||
| 190 | + @media only screen and (max-width: 767px){ | ||
| 191 | + width: 100%; | ||
| 192 | + display: block; | ||
| 193 | + } | ||
| 194 | + } | ||
| 195 | + th{ | ||
| 196 | + width: 24%; | ||
| 197 | + @media only screen and (max-width: 767px){ | ||
| 198 | + width: 100%; | ||
| 199 | + } | ||
| 200 | + &:before{ | ||
| 201 | + content: ""; | ||
| 202 | + display: inline-block; | ||
| 203 | + width: 10px; | ||
| 204 | + height: 10px; | ||
| 205 | + border-radius: 5px; | ||
| 206 | + background-color: #62bcc3; | ||
| 207 | + margin-right: 6px; | ||
| 208 | + } | ||
| 209 | + } | ||
| 210 | + td{ | ||
| 211 | + line-height: 2; | ||
| 212 | + figure{ | ||
| 213 | + text-align: center; | ||
| 214 | + } | ||
| 215 | + a{ | ||
| 216 | + text-decoration: underline; | ||
| 217 | + position: relative; | ||
| 218 | + display: inline-block; | ||
| 219 | + padding-left: 10px; | ||
| 220 | + &:before{ | ||
| 221 | + content: ""; | ||
| 222 | + display: block; | ||
| 223 | + width: 0; | ||
| 224 | + height: 0; | ||
| 225 | + border-style: solid; | ||
| 226 | + border-width: 5px 0 5px 5px; | ||
| 227 | + border-color: transparent transparent transparent #000000; | ||
| 228 | + transform: scale(1, 0.75); | ||
| 229 | + position: absolute; | ||
| 230 | + left: 0; | ||
| 231 | + top: 7px; | ||
| 232 | + } | ||
| 233 | + } | ||
| 234 | + } | ||
| 235 | + td.bold{ | ||
| 236 | + font-weight: bold; | ||
| 237 | + font-size: 1.6rem; | ||
| 238 | + } | ||
| 239 | + .noBorder{ | ||
| 240 | + border: none; | ||
| 241 | + } | ||
| 242 | + td.noBorder{ | ||
| 243 | + @media only screen and (max-width: 767px){ | ||
| 244 | + padding-top: 0; | ||
| 245 | + padding-bottom: 0; | ||
| 246 | + } | ||
| 247 | + } | ||
| 248 | + } | ||
| 249 | + table.ph{ | ||
| 250 | + th,td{ | ||
| 251 | + border: none; | ||
| 252 | + padding: 5px; | ||
| 253 | + text-align: center; | ||
| 254 | + @media only screen and (max-width: 767px){ | ||
| 255 | + width: 33%; | ||
| 256 | + display: table-cell; | ||
| 257 | + img{ | ||
| 258 | + max-width: 100%; | ||
| 259 | + } | ||
| 260 | + } | ||
| 261 | + } | ||
| 262 | + th{ | ||
| 263 | + text-align: center; | ||
| 264 | + font-size:1.6rem; | ||
| 265 | + @media only screen and (max-width: 767px){ | ||
| 266 | + font-size: 1.2rem; | ||
| 267 | + } | ||
| 268 | + &:before{ | ||
| 269 | + display: none; | ||
| 270 | + } | ||
| 271 | + } | ||
| 272 | + @media only screen and (max-width: 767px){ | ||
| 273 | + td{ | ||
| 274 | + font-size: 1.0rem; | ||
| 275 | + line-height: 150%; | ||
| 276 | + } | ||
| 277 | + } | ||
| 278 | + .border{ | ||
| 279 | + border-right: 2px #e2e2e2 solid; | ||
| 280 | + } | ||
| 281 | + } | ||
| 282 | + } | ||
| 283 | + } | ||
| 284 | +} | ||
| 285 | +.rev{ | ||
| 286 | + .more{ | ||
| 287 | + a{ | ||
| 288 | + padding: 6px 3em 12px 4em; | ||
| 289 | + &:after{ | ||
| 290 | + transform: rotate(180deg); | ||
| 291 | + right: auto; | ||
| 292 | + left: 15%; | ||
| 293 | + } | ||
| 294 | + } | ||
| 295 | + } | ||
| 296 | +} |
css/top.css
0 → 100644
| 1 | +@charset "UTF-8"; | ||
| 2 | +/* 游ゴシック | ||
| 3 | +=========================================== */ | ||
| 4 | +@font-face { | ||
| 5 | + font-family: "Yu Gothic"; | ||
| 6 | + src: local("Yu Gothic Medium"); | ||
| 7 | + font-weight: 100; | ||
| 8 | +} | ||
| 9 | +@font-face { | ||
| 10 | + font-family: "Yu Gothic"; | ||
| 11 | + src: local("Yu Gothic Medium"); | ||
| 12 | + font-weight: 200; | ||
| 13 | +} | ||
| 14 | +@font-face { | ||
| 15 | + font-family: "Yu Gothic"; | ||
| 16 | + src: local("Yu Gothic Medium"); | ||
| 17 | + font-weight: 300; | ||
| 18 | +} | ||
| 19 | +@font-face { | ||
| 20 | + font-family: "Yu Gothic"; | ||
| 21 | + src: local("Yu Gothic Medium"); | ||
| 22 | + font-weight: 400; | ||
| 23 | +} | ||
| 24 | +@font-face { | ||
| 25 | + font-family: "Yu Gothic"; | ||
| 26 | + src: local("Yu Gothic Bold"); | ||
| 27 | + font-weight: bold; | ||
| 28 | +} | ||
| 29 | +/* 矢印 | ||
| 30 | +=========================================== */ | ||
| 31 | +/* 角丸 | ||
| 32 | +=========================================== */ | ||
| 33 | +#hero .container { | ||
| 34 | + padding-top: 9em; | ||
| 35 | + background: url(/img/top/hero.jpg) no-repeat top right; | ||
| 36 | + min-height: 600px; | ||
| 37 | + max-width: 1170px; | ||
| 38 | +} | ||
| 39 | +@media only screen and (max-width: 1180px) { | ||
| 40 | + #hero .container { | ||
| 41 | + max-width: none; | ||
| 42 | + width: 100%; | ||
| 43 | + } | ||
| 44 | +} | ||
| 45 | +@media only screen and (max-width: 1110px) { | ||
| 46 | + #hero .container { | ||
| 47 | + background: url(/img/top/hero.jpg) no-repeat top right -20%; | ||
| 48 | + } | ||
| 49 | +} | ||
| 50 | +@media only screen and (max-width: 767px) { | ||
| 51 | + #hero .container { | ||
| 52 | + position: relative; | ||
| 53 | + background-position: top center; | ||
| 54 | + } | ||
| 55 | + #hero .container:before { | ||
| 56 | + content: ""; | ||
| 57 | + display: block; | ||
| 58 | + width: 100%; | ||
| 59 | + height: 100%; | ||
| 60 | + background-color: rgba(255, 255, 255, 0.7); | ||
| 61 | + position: absolute; | ||
| 62 | + left: 0; | ||
| 63 | + top: 0; | ||
| 64 | + z-index: 0; | ||
| 65 | + } | ||
| 66 | +} | ||
| 67 | +#hero h1 { | ||
| 68 | + text-align: center; | ||
| 69 | + display: table; | ||
| 70 | + z-index: 2; | ||
| 71 | + position: relative; | ||
| 72 | +} | ||
| 73 | +@media only screen and (max-width: 1180px) { | ||
| 74 | + #hero h1 { | ||
| 75 | + padding-left: 5%; | ||
| 76 | + } | ||
| 77 | +} | ||
| 78 | +@media only screen and (max-width: 767px) { | ||
| 79 | + #hero h1 { | ||
| 80 | + display: block; | ||
| 81 | + } | ||
| 82 | +} | ||
| 83 | +#hero h1 img { | ||
| 84 | + margin-bottom: 1em; | ||
| 85 | + width: 140.5px; | ||
| 86 | +} | ||
| 87 | +#hero h1 p { | ||
| 88 | + font-size: 1.3rem; | ||
| 89 | + transform: scale(1, 1.4); | ||
| 90 | + line-height: 180%; | ||
| 91 | +} | ||
| 92 | +#hero h1 p.catch { | ||
| 93 | + font-size: 2.2rem; | ||
| 94 | + color: #62bcc3; | ||
| 95 | + margin-bottom: 20px; | ||
| 96 | +} | ||
| 97 | +section#what_is_life_up h2, section#life h2 { | ||
| 98 | + margin-bottom: 2.2em; | ||
| 99 | +} | ||
| 100 | +section#what_is_life_up > .flex, section#life > .flex { | ||
| 101 | + align-items: center; | ||
| 102 | +} | ||
| 103 | +@media only screen and (max-width: 767px) { | ||
| 104 | + section#what_is_life_up > .flex > div img, section#life > .flex > div img { | ||
| 105 | + max-width: 100%; | ||
| 106 | + } | ||
| 107 | +} | ||
| 108 | +section#what_is_life_up > .flex > div:nth-child(1), section#life > .flex > div:nth-child(1) { | ||
| 109 | + width: 55%; | ||
| 110 | +} | ||
| 111 | +@media only screen and (max-width: 767px) { | ||
| 112 | + section#what_is_life_up > .flex > div:nth-child(1), section#life > .flex > div:nth-child(1) { | ||
| 113 | + width: 100%; | ||
| 114 | + text-align: center; | ||
| 115 | + } | ||
| 116 | +} | ||
| 117 | +section#what_is_life_up > .flex > div:nth-child(2), section#life > .flex > div:nth-child(2) { | ||
| 118 | + width: 45%; | ||
| 119 | + padding-left: 4em; | ||
| 120 | +} | ||
| 121 | +@media only screen and (max-width: 767px) { | ||
| 122 | + section#what_is_life_up > .flex > div:nth-child(2), section#life > .flex > div:nth-child(2) { | ||
| 123 | + width: 100%; | ||
| 124 | + padding-left: 0; | ||
| 125 | + text-align: center; | ||
| 126 | + margin-top: 1em; | ||
| 127 | + } | ||
| 128 | +} | ||
| 129 | +#news { | ||
| 130 | + margin-top: 4.0em; | ||
| 131 | +} | ||
| 132 | +@media only screen and (max-width: 1060px) { | ||
| 133 | + #news { | ||
| 134 | + padding-left: 3%; | ||
| 135 | + padding-right: 3%; | ||
| 136 | + } | ||
| 137 | +} | ||
| 138 | +#news h2 { | ||
| 139 | + background-color: #62bcc3; | ||
| 140 | + color: #fff; | ||
| 141 | + font-size: 1.2rem; | ||
| 142 | + letter-spacing: 1px; | ||
| 143 | + line-height: 150%; | ||
| 144 | + padding: 0px 10px 9px 10px; | ||
| 145 | + text-align: center; | ||
| 146 | + width: 14%; | ||
| 147 | + border-top-left-radius: 24px; | ||
| 148 | + border-bottom-left-radius: 24px; | ||
| 149 | + display: flex; | ||
| 150 | + align-items: center; | ||
| 151 | + text-align: center; | ||
| 152 | + justify-content: center; | ||
| 153 | +} | ||
| 154 | +@media only screen and (max-width: 767px) { | ||
| 155 | + #news h2{ | ||
| 156 | + padding-top: 8px; | ||
| 157 | + } | ||
| 158 | +} | ||
| 159 | +#news h2 span { | ||
| 160 | + display: block; | ||
| 161 | + transform: scale(1, 1.4); | ||
| 162 | +} | ||
| 163 | +@media only screen and (max-width: 767px) { | ||
| 164 | + #news h2 { | ||
| 165 | + border-bottom-left-radius: 0; | ||
| 166 | + border-top-right-radius: 24px; | ||
| 167 | + width: 100%; | ||
| 168 | + } | ||
| 169 | +} | ||
| 170 | +#news dl { | ||
| 171 | + background-color: #f4f4f4; | ||
| 172 | + padding: 12px 30px; | ||
| 173 | + width: 86%; | ||
| 174 | + border-top-right-radius: 24px; | ||
| 175 | + border-bottom-right-radius: 24px; | ||
| 176 | +} | ||
| 177 | +@media only screen and (max-width: 767px) { | ||
| 178 | + #news dl { | ||
| 179 | + width: 100%; | ||
| 180 | + border-top-right-radius: 0; | ||
| 181 | + border-bottom-left-radius: 24px; | ||
| 182 | + } | ||
| 183 | +} | ||
| 184 | +#news dl dt { | ||
| 185 | + padding-right: 30px; | ||
| 186 | + font-family: 'Roboto Condensed', sans-serif; | ||
| 187 | + font-weight: bold; | ||
| 188 | + width: 10%; | ||
| 189 | +} | ||
| 190 | +#news dl dd { | ||
| 191 | + width: 90%; | ||
| 192 | +} | ||
| 193 | +@media only screen and (max-width: 767px) { | ||
| 194 | + #news dl dd{ | ||
| 195 | + width: 100%; | ||
| 196 | + } | ||
| 197 | +} | ||
| 198 | +#news dl dt, #news dl dd { | ||
| 199 | + font-size: 1.3rem; | ||
| 200 | +} | ||
| 201 | +#news .more{ | ||
| 202 | + text-align: center; | ||
| 203 | + display: block; | ||
| 204 | + margin-top: 20px; | ||
| 205 | +} | ||
| 206 | +#what_is_life_up { | ||
| 207 | + margin-top: 5.0em; | ||
| 208 | +} | ||
| 209 | +@media only screen and (max-width: 1060px) { | ||
| 210 | + #what_is_life_up { | ||
| 211 | + padding-left: 3%; | ||
| 212 | + padding-right: 3%; | ||
| 213 | + } | ||
| 214 | +} | ||
| 215 | +@media only screen and (max-width: 767px) { | ||
| 216 | + #what_is_life_up { | ||
| 217 | + margin-top: 5em; | ||
| 218 | + } | ||
| 219 | +} | ||
| 220 | +@media only screen and (max-width: 767px) { | ||
| 221 | + #what_is_life_up h2 img { | ||
| 222 | + width: 300px; | ||
| 223 | + } | ||
| 224 | +} | ||
| 225 | +#life { | ||
| 226 | + margin-top: 3.0em; | ||
| 227 | +} | ||
| 228 | +@media only screen and (max-width: 1060px) { | ||
| 229 | + #life { | ||
| 230 | + padding-left: 3%; | ||
| 231 | + padding-right: 3%; | ||
| 232 | + } | ||
| 233 | +} | ||
| 234 | +@media only screen and (max-width: 767px) { | ||
| 235 | + #life { | ||
| 236 | + margin-top: 5em; | ||
| 237 | + } | ||
| 238 | +} | ||
| 239 | +#life > .flex > div:nth-child(2) { | ||
| 240 | + padding-left: 0; | ||
| 241 | +} | ||
| 242 | +@media only screen and (max-width: 767px) { | ||
| 243 | + #life h2 img { | ||
| 244 | + width: 220px; | ||
| 245 | + } | ||
| 246 | +} | ||
| 247 | +#interview { | ||
| 248 | + position: relative; | ||
| 249 | + padding-top: 70px; | ||
| 250 | + margin-top: 3.0em; | ||
| 251 | + margin-bottom: 8.0rem; | ||
| 252 | +} | ||
| 253 | +@media only screen and (max-width: 767px) { | ||
| 254 | + #interview { | ||
| 255 | + padding-top: 35px; | ||
| 256 | + } | ||
| 257 | +} | ||
| 258 | +#interview h2 { | ||
| 259 | + text-align: center; | ||
| 260 | + margin-bottom: 5.0rem; | ||
| 261 | +} | ||
| 262 | +@media only screen and (max-width: 767px) { | ||
| 263 | + #interview h2 img { | ||
| 264 | + width: 99.5px; | ||
| 265 | + } | ||
| 266 | +} | ||
| 267 | +#interview .bg { | ||
| 268 | + background-color: #f4f4f4; | ||
| 269 | + color: #8d8d8d; | ||
| 270 | + font-size: 3.6rem; | ||
| 271 | + font-family: 'Roboto Condensed', sans-serif; | ||
| 272 | + text-align: center; | ||
| 273 | + padding: 4.2em 0; | ||
| 274 | + font-weight: bold; | ||
| 275 | +} | ||
| 276 | +#interview .more { | ||
| 277 | + text-align: center; | ||
| 278 | +} | ||
| 279 | +@media only screen and (max-width: 767px) { | ||
| 280 | + #interview .more { | ||
| 281 | + margin-bottom: 30px; | ||
| 282 | + } | ||
| 283 | +} | ||
| 284 | +#interview .more a { | ||
| 285 | + margin-top: 16px; | ||
| 286 | +} | ||
| 287 | +#interview .more a span { | ||
| 288 | + font-size: 1.3rem; | ||
| 289 | +} | ||
| 290 | +#interview figure img{ | ||
| 291 | + border-radius: 10px; | ||
| 292 | +} | ||
| 293 | +#ft_img { | ||
| 294 | + text-align: center; | ||
| 295 | + margin-top: 20px; | ||
| 296 | + background: url(/img/top/ft_img.jpg) no-repeat top center; | ||
| 297 | + overflow-x: hidden; | ||
| 298 | +} | ||
| 299 | +@media only screen and (max-width: 767px) { | ||
| 300 | + #ft_img { | ||
| 301 | + background: none; | ||
| 302 | + } | ||
| 303 | +} | ||
| 304 | +#ft_img img { | ||
| 305 | + opacity: 0; | ||
| 306 | + max-width: 100%; | ||
| 307 | +} | ||
| 308 | +@media only screen and (max-width: 767px) { | ||
| 309 | + #ft_img img { | ||
| 310 | + opacity: 1; | ||
| 311 | + } | ||
| 312 | +} | ||
| 313 | + | ||
| 314 | +/* | ||
| 315 | + 2019/10/09 追加 | ||
| 316 | +*/ | ||
| 317 | +#event{ | ||
| 318 | + padding-top: 2.5em; | ||
| 319 | +} | ||
| 320 | +#event h2{ | ||
| 321 | + text-align: center; | ||
| 322 | + margin-bottom: 5.0rem; | ||
| 323 | +} | ||
| 324 | +#event .more{ | ||
| 325 | + text-align: center; | ||
| 326 | +} | ||
| 327 | +#event .more a{ | ||
| 328 | + margin-top: 16px; | ||
| 329 | +} | ||
| 330 | +#event p{ | ||
| 331 | + line-height: 1.7; | ||
| 332 | +} | ||
| 333 | +#event p.date{ | ||
| 334 | + font-size: 1.2rem; | ||
| 335 | +} | ||
| 336 | +#event figure img{ | ||
| 337 | + border-radius: 10px; | ||
| 338 | +} | ||
| 339 | +@media only screen and (max-width: 767px) { | ||
| 340 | + #event{ | ||
| 341 | + padding-top: 5em; | ||
| 342 | + } | ||
| 343 | + #event h2 img{ | ||
| 344 | + width: 72px; | ||
| 345 | + } | ||
| 346 | + #event p{ | ||
| 347 | + padding-left: 3%; | ||
| 348 | + padding-right: 3%; | ||
| 349 | + } | ||
| 350 | +} |
css/top.scss
0 → 100644
| 1 | +// compileCompressed: ./$1.css | ||
| 2 | + | ||
| 3 | +@import "../common/css/mixin_style"; | ||
| 4 | + | ||
| 5 | +#hero{ | ||
| 6 | + .container{ | ||
| 7 | + padding-top: 9em; | ||
| 8 | + background: url(/img/top/hero.jpg) no-repeat top right; | ||
| 9 | + min-height: 600px; | ||
| 10 | + max-width: 1170px; | ||
| 11 | + @media only screen and (max-width: 1180px){ | ||
| 12 | + max-width: none; | ||
| 13 | + width: 100%; | ||
| 14 | + } | ||
| 15 | + @media only screen and (max-width: 1110px){ | ||
| 16 | + background: url(/img/top/hero.jpg) no-repeat top right -20%; | ||
| 17 | + } | ||
| 18 | + @media only screen and (max-width: 767px){ | ||
| 19 | + position: relative; | ||
| 20 | + background-position: top center; | ||
| 21 | + &:before{ | ||
| 22 | + content: ""; | ||
| 23 | + display: block; | ||
| 24 | + width: 100%; | ||
| 25 | + height: 100%; | ||
| 26 | + background-color: rgba(255,255,255,0.70); | ||
| 27 | + position: absolute; | ||
| 28 | + left: 0; | ||
| 29 | + top: 0; | ||
| 30 | + z-index: 0; | ||
| 31 | + } | ||
| 32 | + } | ||
| 33 | + } | ||
| 34 | + h1{ | ||
| 35 | + text-align: center; | ||
| 36 | + display: table; | ||
| 37 | + z-index: 2; | ||
| 38 | + position: relative; | ||
| 39 | + @media only screen and (max-width: 1180px){ | ||
| 40 | + padding-left: 5%; | ||
| 41 | + } | ||
| 42 | + @media only screen and (max-width: 767px){ | ||
| 43 | + display: block; | ||
| 44 | + } | ||
| 45 | + img{ | ||
| 46 | + margin-bottom: 1em; | ||
| 47 | + width: 140.5px; | ||
| 48 | + } | ||
| 49 | + p{ | ||
| 50 | + font-size: 1.3rem; | ||
| 51 | + @include transformFont(); | ||
| 52 | + line-height: 180%; | ||
| 53 | + } | ||
| 54 | + p.catch{ | ||
| 55 | + font-size: 2.2rem; | ||
| 56 | + color: #62bcc3; | ||
| 57 | + margin-bottom: 20px; | ||
| 58 | + } | ||
| 59 | + } | ||
| 60 | +} | ||
| 61 | + | ||
| 62 | +section#what_is_life_up, | ||
| 63 | +section#life{ | ||
| 64 | + h2{ | ||
| 65 | + margin-bottom: 2.2em; | ||
| 66 | + } | ||
| 67 | + >.flex{ | ||
| 68 | + align-items: center; | ||
| 69 | + >div{ | ||
| 70 | + @media only screen and (max-width: 767px){ | ||
| 71 | + img{ | ||
| 72 | + max-width: 100%; | ||
| 73 | + } | ||
| 74 | + } | ||
| 75 | + } | ||
| 76 | + >div:nth-child(1){ | ||
| 77 | + width: 55%; | ||
| 78 | + @media only screen and (max-width: 767px){ | ||
| 79 | + width: 100%; | ||
| 80 | + text-align: center; | ||
| 81 | + } | ||
| 82 | + } | ||
| 83 | + >div:nth-child(2){ | ||
| 84 | + width: 45%; | ||
| 85 | + padding-left: 4em; | ||
| 86 | + @media only screen and (max-width: 767px){ | ||
| 87 | + width: 100%; | ||
| 88 | + padding-left: 0; | ||
| 89 | + text-align: center; | ||
| 90 | + margin-top: 1em; | ||
| 91 | + } | ||
| 92 | + } | ||
| 93 | + } | ||
| 94 | +} | ||
| 95 | + | ||
| 96 | +#news{ | ||
| 97 | + margin-top: 4.0em; | ||
| 98 | + @media only screen and (max-width: 1060px){ | ||
| 99 | + padding-left: 3%; | ||
| 100 | + padding-right: 3%; | ||
| 101 | + } | ||
| 102 | + h2{ | ||
| 103 | + background-color: #62bcc3; | ||
| 104 | + color: #fff; | ||
| 105 | + font-size: 1.2rem; | ||
| 106 | + letter-spacing: 1px; | ||
| 107 | + line-height: 150%; | ||
| 108 | + padding: 14px 10px 9px 10px; | ||
| 109 | + text-align: center; | ||
| 110 | + width: 14%; | ||
| 111 | + border-top-left-radius:24px; | ||
| 112 | + border-bottom-left-radius: 24px; | ||
| 113 | + span{ | ||
| 114 | + display: block; | ||
| 115 | + @include transformFont(); | ||
| 116 | + } | ||
| 117 | + @media only screen and (max-width: 767px){ | ||
| 118 | + border-bottom-left-radius: 0; | ||
| 119 | + border-top-right-radius:24px; | ||
| 120 | + width: 100%; | ||
| 121 | + } | ||
| 122 | + } | ||
| 123 | + dl{ | ||
| 124 | + background-color: #f4f4f4; | ||
| 125 | + padding: 12px 30px; | ||
| 126 | + width: 86%; | ||
| 127 | + border-top-right-radius:24px; | ||
| 128 | + border-bottom-right-radius: 24px; | ||
| 129 | + @media only screen and (max-width: 767px){ | ||
| 130 | + width: 100%; | ||
| 131 | + border-top-right-radius:0; | ||
| 132 | + border-bottom-left-radius: 24px; | ||
| 133 | + } | ||
| 134 | + dt{ | ||
| 135 | + padding-right: 30px; | ||
| 136 | + font-family: 'Roboto Condensed', sans-serif; | ||
| 137 | + font-weight: bold; | ||
| 138 | + } | ||
| 139 | + dt,dd{ | ||
| 140 | + font-size: 1.3rem; | ||
| 141 | + } | ||
| 142 | + } | ||
| 143 | +} | ||
| 144 | + | ||
| 145 | +#what_is_life_up{ | ||
| 146 | + margin-top: 5.0em; | ||
| 147 | + @media only screen and (max-width: 1060px){ | ||
| 148 | + padding-left: 3%; | ||
| 149 | + padding-right: 3%; | ||
| 150 | + } | ||
| 151 | + @media only screen and (max-width: 767px){ | ||
| 152 | + margin-top: 5em; | ||
| 153 | + } | ||
| 154 | + h2{ | ||
| 155 | + img{ | ||
| 156 | + @media only screen and (max-width: 767px){ | ||
| 157 | + width: 300px; | ||
| 158 | + } | ||
| 159 | + } | ||
| 160 | + } | ||
| 161 | +} | ||
| 162 | + | ||
| 163 | +#life{ | ||
| 164 | + margin-top: 3.0em; | ||
| 165 | + @media only screen and (max-width: 1060px){ | ||
| 166 | + padding-left: 3%; | ||
| 167 | + padding-right: 3%; | ||
| 168 | + } | ||
| 169 | + @media only screen and (max-width: 767px){ | ||
| 170 | + margin-top: 5em; | ||
| 171 | + } | ||
| 172 | + >.flex{ | ||
| 173 | + >div:nth-child(2){ | ||
| 174 | + padding-left: 0; | ||
| 175 | + } | ||
| 176 | + } | ||
| 177 | + h2{ | ||
| 178 | + img{ | ||
| 179 | + @media only screen and (max-width: 767px){ | ||
| 180 | + width: 220px; | ||
| 181 | + } | ||
| 182 | + } | ||
| 183 | + } | ||
| 184 | +} | ||
| 185 | + | ||
| 186 | +#interview{ | ||
| 187 | + position: relative; | ||
| 188 | + padding-top: 70px; | ||
| 189 | + margin-top: 3.0em; | ||
| 190 | + @media only screen and (max-width: 767px){ | ||
| 191 | + padding-top: 35px; | ||
| 192 | + } | ||
| 193 | + h2{ | ||
| 194 | + position: absolute; | ||
| 195 | + top: 0; | ||
| 196 | + left: 2em; | ||
| 197 | + img{ | ||
| 198 | + @media only screen and (max-width: 767px){ | ||
| 199 | + width: 99.5px; | ||
| 200 | + } | ||
| 201 | + } | ||
| 202 | + } | ||
| 203 | + .bg{ | ||
| 204 | + background-color: #f4f4f4; | ||
| 205 | + color: #8d8d8d; | ||
| 206 | + font-size: 3.6rem; | ||
| 207 | + font-family: 'Roboto Condensed', sans-serif; | ||
| 208 | + text-align: center; | ||
| 209 | + padding: 4.2em 0; | ||
| 210 | + font-weight: bold; | ||
| 211 | + } | ||
| 212 | +} | ||
| 213 | + | ||
| 214 | +#ft_img{ | ||
| 215 | + text-align: center; | ||
| 216 | + margin-top: 20px; | ||
| 217 | + background: url(/img/top/ft_img.jpg) no-repeat top center; | ||
| 218 | + overflow-x:hidden; | ||
| 219 | + @media only screen and (max-width: 767px){ | ||
| 220 | + background: none; | ||
| 221 | + } | ||
| 222 | + img{ | ||
| 223 | + opacity: 0; | ||
| 224 | + max-width: 100%; | ||
| 225 | + @media only screen and (max-width: 767px){ | ||
| 226 | + opacity: 1; | ||
| 227 | + } | ||
| 228 | + } | ||
| 229 | +} |
doc/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="secom.pdf" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="sharp.pdf" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="keyware.pdf" server="onoff02.source.co.jp" local="132146609960000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +</dwsync> |
doc/keyware.pdf
0 → 100644
No preview for this file type
doc/secom.pdf
0 → 100644
No preview for this file type
doc/sharp.pdf
0 → 100644
No preview for this file type
img/about/LIEEUP_promotion_about.pdf
0 → 100644
No preview for this file type
img/about/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="bg_under.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="about_img02.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="about_img01.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="h1.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="h2_01.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 8 | +<file name="h2_02.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 9 | +<file name="h2_03.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 10 | +<file name="h2_04.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 11 | +<file name="h2_05.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 12 | +<file name="icon_blank.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 13 | +<file name="icon_pdf.png" server="onoff02.source.co.jp" local="132149889740000000" remote="132152254200000000" Dst="0" /> | ||
| 14 | +<file name="tokuten01.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 15 | +<file name="tokuten02.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 16 | +<file name="tokuten03.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 17 | +<file name="LIEEUP_promotion_about.pdf" server="onoff02.source.co.jp" local="132149889820000000" remote="132152254200000000" Dst="0" /> | ||
| 18 | +<file name="tokuten_arrow.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 19 | +<file name="tokuten04.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 20 | +</dwsync> |
img/about/about_img01.png
0 → 100644
415 KB
img/about/about_img02.png
0 → 100644
260 KB
img/about/bg_under.png
0 → 100644
117 KB
img/about/h1.png
0 → 100644
4 KB
img/about/h2_01.png
0 → 100644
3.56 KB
img/about/h2_02.png
0 → 100644
3.11 KB
img/about/h2_03.png
0 → 100644
4.31 KB
img/about/h2_04.png
0 → 100644
3.53 KB
img/about/h2_05.png
0 → 100644
3.91 KB
img/about/icon_blank.png
0 → 100644
262 Bytes
img/about/icon_pdf.png
0 → 100644
2.45 KB
img/about/tokuten01.jpg
0 → 100644
10.8 KB
img/about/tokuten02.jpg
0 → 100644
12.8 KB
img/about/tokuten03.jpg
0 → 100644
12.8 KB
img/about/tokuten04.jpg
0 → 100644
138 KB
img/about/tokuten_arrow.jpg
0 → 100644
1.76 KB
img/interview/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="event01_thumb.jpg" server="onoff02.source.co.jp" local="132151735340000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="fukudashi.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="h1.png" server="onoff02.source.co.jp" local="132150566460000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="toc_ttl.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +</dwsync> |
img/interview/event01_thumb.jpg
0 → 100644
70.9 KB
img/interview/fukudashi.png
0 → 100644
635 Bytes
img/interview/h1.png
0 → 100644
2.11 KB
img/interview/kw/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="h1.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="icon_hatakeyama.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="eyecatch.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="img_hatakeyama.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="img_last.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 8 | +</dwsync> |
img/interview/kw/eyecatch.jpg
0 → 100644
177 KB
img/interview/kw/h1.png
0 → 100644
3.56 KB
img/interview/kw/icon_hatakeyama.jpg
0 → 100644
7.95 KB
img/interview/kw/img_hatakeyama.jpg
0 → 100644
57.7 KB
img/interview/kw/img_last.jpg
0 → 100644
202 KB
img/interview/og/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="h1.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="eyecatch.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="icon_inui.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="icon_muta.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="icon_shouji.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 8 | +<file name="icon_youkawa.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 9 | +<file name="img_inui.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 10 | +<file name="img_shouji.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 11 | +<file name="img_last.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 12 | +<file name="img_youkawa.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 13 | +</dwsync> |
img/interview/og/eyecatch.jpg
0 → 100644
212 KB
img/interview/og/h1.png
0 → 100644
3.7 KB
img/interview/og/icon_inui.jpg
0 → 100644
7.92 KB
img/interview/og/icon_muta.jpg
0 → 100644
8.09 KB
img/interview/og/icon_shouji.jpg
0 → 100644
7.7 KB
img/interview/og/icon_youkawa.jpg
0 → 100644
7.79 KB
img/interview/og/img_inui.jpg
0 → 100644
77.9 KB
img/interview/og/img_last.jpg
0 → 100644
251 KB
img/interview/og/img_shouji.jpg
0 → 100644
85.1 KB
img/interview/og/img_youkawa.jpg
0 → 100644
51.2 KB
img/interview/report01/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="img01.jpg" server="onoff02.source.co.jp" local="132150566500000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="img02.jpg" server="onoff02.source.co.jp" local="132152253006056579" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="img03.jpg" server="onoff02.source.co.jp" local="132152253664757945" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="img04.jpg" server="onoff02.source.co.jp" local="132152253609186896" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="img06.jpg" server="onoff02.source.co.jp" local="132152253424103687" remote="132152254200000000" Dst="0" /> | ||
| 8 | +<file name="img05.jpg" server="onoff02.source.co.jp" local="132152253541990206" remote="132152254200000000" Dst="0" /> | ||
| 9 | +<file name="img07.jpg" server="onoff02.source.co.jp" local="132152253128424855" remote="132152254200000000" Dst="0" /> | ||
| 10 | +</dwsync> |
img/interview/report01/img01.jpg
0 → 100644
177 KB
img/interview/report01/img02.jpg
0 → 100644
179 KB
img/interview/report01/img03.jpg
0 → 100644
181 KB
img/interview/report01/img04.jpg
0 → 100644
204 KB
img/interview/report01/img05.jpg
0 → 100644
193 KB
img/interview/report01/img06.jpg
0 → 100644
128 KB
img/interview/report01/img07.jpg
0 → 100644
102 KB
img/interview/toc_ttl.jpg
0 → 100644
4.29 KB
img/news/_notes/dwsync.xml
0 → 100644
img/news/h1.png
0 → 100644
2.14 KB
img/service/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="search01.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="h1.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="search03.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="search02.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="search04.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 8 | +<file name="search06.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 9 | +<file name="search05.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 10 | +<file name="search07.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 11 | +<file name="search08.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 12 | +<file name="search09.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 13 | +<file name="search10.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 14 | +<file name="search_service.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 15 | +<file name="search_machine.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 16 | +</dwsync> |
img/service/detail/_notes/dwsync.xml
0 → 100644
| 1 | +<?xml version="1.0" encoding="utf-8" ?> | ||
| 2 | +<dwsync> | ||
| 3 | +<file name="detail01_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 4 | +<file name="detail01_img001.jpg" server="onoff02.source.co.jp" local="132146609020000000" remote="132152254200000000" Dst="0" /> | ||
| 5 | +<file name="detail01_img003.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 6 | +<file name="detail01_img004.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 7 | +<file name="detail02_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 8 | +<file name="detail02_img003.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 9 | +<file name="detail02_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 10 | +<file name="detail02_img004.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 11 | +<file name="detail02_img006.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 12 | +<file name="detail02_img005.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 13 | +<file name="detail02_img007.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 14 | +<file name="detail03_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 15 | +<file name="detail04_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 16 | +<file name="detail04_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 17 | +<file name="detail05_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 18 | +<file name="detail05_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 19 | +<file name="detail06_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 20 | +<file name="detail06_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 21 | +<file name="detail07_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 22 | +<file name="detail07_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 23 | +<file name="detail08_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 24 | +<file name="detail08_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 25 | +<file name="detail09_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 26 | +<file name="detail09_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 27 | +<file name="detail10_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 28 | +<file name="detail11_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 29 | +<file name="detail12_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 30 | +<file name="detail12_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 31 | +<file name="detail13_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 32 | +<file name="detail13_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 33 | +<file name="detail14_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 34 | +<file name="detail16_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 35 | +<file name="detail15_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 36 | +<file name="detail17_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 37 | +<file name="detail18_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 38 | +<file name="detail19_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 39 | +<file name="detail20_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" /> | ||
| 40 | +</dwsync> |
img/service/detail/detail01_img001.jpg
0 → 100644
79.9 KB
img/service/detail/detail01_img002.jpg
0 → 100644
10.8 KB
img/service/detail/detail01_img003.jpg
0 → 100644
17.5 KB
img/service/detail/detail01_img004.jpg
0 → 100644
10.1 KB
img/service/detail/detail02_img001.jpg
0 → 100644
105 KB
img/service/detail/detail02_img002.jpg
0 → 100644
7.51 KB
img/service/detail/detail02_img003.jpg
0 → 100644
4.88 KB
img/service/detail/detail02_img004.jpg
0 → 100644
8.72 KB
img/service/detail/detail02_img005.jpg
0 → 100644
4.6 KB
img/service/detail/detail02_img006.jpg
0 → 100644
4.59 KB
img/service/detail/detail02_img007.jpg
0 → 100644
7.04 KB
img/service/detail/detail03_img001.jpg
0 → 100644
92.1 KB
img/service/detail/detail04_img001.jpg
0 → 100644
81 KB
img/service/detail/detail04_img002.jpg
0 → 100644
5.59 KB
img/service/detail/detail05_img001.jpg
0 → 100644
96 KB
img/service/detail/detail05_img002.jpg
0 → 100644
5.5 KB
img/service/detail/detail06_img001.jpg
0 → 100644
73.9 KB
img/service/detail/detail06_img002.jpg
0 → 100644
5.84 KB
img/service/detail/detail07_img001.jpg
0 → 100644
72.9 KB
img/service/detail/detail07_img002.jpg
0 → 100644
4.52 KB
img/service/detail/detail08_img001.jpg
0 → 100644
78 KB
img/service/detail/detail08_img002.jpg
0 → 100644
10.9 KB
img/service/detail/detail09_img001.jpg
0 → 100644
84.2 KB
img/service/detail/detail09_img002.jpg
0 → 100644
11 KB
img/service/detail/detail10_img002.jpg
0 → 100644
7.59 KB
img/service/detail/detail11_img002.jpg
0 → 100644
3.26 KB
img/service/detail/detail12_img001.jpg
0 → 100644
20.3 KB
img/service/detail/detail12_img002.jpg
0 → 100644
5.92 KB
img/service/detail/detail13_img001.jpg
0 → 100644
95.6 KB
img/service/detail/detail13_img002.jpg
0 → 100644
4.96 KB
img/service/detail/detail14_img002.jpg
0 → 100644
4.68 KB
img/service/detail/detail15_img002.jpg
0 → 100644
4.48 KB
img/service/detail/detail16_img001.jpg
0 → 100644
42.8 KB
img/service/detail/detail17_img001.jpg
0 → 100644
68.9 KB
img/service/detail/detail18_img001.jpg
0 → 100644
47.7 KB
img/service/detail/detail19_img001.jpg
0 → 100644
59.1 KB
img/service/detail/detail20_img001.jpg
0 → 100644
71.5 KB
img/service/h1.png
0 → 100644
3.14 KB
img/service/search01.png
0 → 100644
4.11 KB
img/service/search02.png
0 → 100644
4.6 KB
img/service/search03.png
0 → 100644
4.33 KB
img/service/search04.png
0 → 100644
5.72 KB
img/service/search05.png
0 → 100644
4.09 KB
img/service/search06.png
0 → 100644
24.4 KB
img/service/search07.png
0 → 100644
21.8 KB
img/service/search08.png
0 → 100644
9.32 KB
img/service/search09.png
0 → 100644
17.3 KB
img/service/search10.png
0 → 100644
18.7 KB
img/service/search_machine.png
0 → 100644
6.35 KB
img/service/search_service.png
0 → 100644
6.3 KB
img/top/_notes/dwsync.xml
0 → 100644
This diff is collapsed. Click to expand it.
img/top/event_img01.jpg
0 → 100644
175 KB
img/top/event_ttl.png
0 → 100644
784 Bytes
img/top/ft_img.jpg
0 → 100644
211 KB
img/top/hd_cps.png
0 → 100644
565 Bytes
img/top/hero.jpg
0 → 100644
187 KB
img/top/hero_logo.png
0 → 100644
14.7 KB
img/top/interview_kw.jpg
0 → 100644
79.8 KB
img/top/interview_og.jpg
0 → 100644
92 KB
img/top/interview_ttl.png
0 → 100644
1.06 KB
img/top/life_h2.png
0 → 100644
3.76 KB
img/top/life_img.png
0 → 100644
266 KB
img/top/pagetop.png
0 → 100644
375 Bytes
img/top/what_is_life_up_h2.png
0 → 100644
3.47 KB
img/top/what_is_life_up_img.png
0 → 100644
430 KB
index.html
0 → 100644
This diff is collapsed. Click to expand it.
interview/_notes/dwsync.xml
0 → 100644
This diff is collapsed. Click to expand it.
interview/index.html
0 → 100644
This diff is collapsed. Click to expand it.
interview/kw01.html
0 → 100644
This diff is collapsed. Click to expand it.
interview/kw02.html
0 → 100644
This diff is collapsed. Click to expand it.
interview/og01.html
0 → 100644
This diff is collapsed. Click to expand it.
interview/og02.html
0 → 100644
This diff is collapsed. Click to expand it.
interview/report01.html
0 → 100644
This diff is collapsed. Click to expand it.
news/_notes/dwsync.xml
0 → 100644
This diff is collapsed. Click to expand it.
news/index.html
0 → 100644
This diff is collapsed. Click to expand it.
privacy/_notes/dwsync.xml
0 → 100644
This diff is collapsed. Click to expand it.
privacy/index.html
0 → 100644
This diff is collapsed. Click to expand it.
service/_notes/dwsync.xml
0 → 100644
This diff is collapsed. Click to expand it.
service/detail.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail01.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail02.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail03.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail04.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail05.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail06.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail07.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail08.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail09.html
0 → 100644
This diff is collapsed. Click to expand it.
service/detail10.html
0 → 100644
This diff is collapsed. Click to expand it.
service/index.html
0 → 100644
This diff is collapsed. Click to expand it.
-
Please register or login to post a comment