asada / lifeup.cyber-physical.jp

Go to a project
Toggle navigation Toggle navigation pinning
asada
266cee6f 0 parents

first commit

Expand all
Inline Side-by-side
Showing 172 changed files with 3542 additions and 0 deletions
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="index.html" server="onoff02.source.co.jp" local="132151914440000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
This diff is collapsed. Click to expand it.
/* ボックスレイアウト
=========================================== */
$box_min: 1;
$box_max: 12;
@for $i from $box_min through $box_max {
.flex.col_#{$i}{
>div{
width:#{(100 / $i)}#{'%'};
@media only screen and (max-width: 767px){
width: 100%;
}
}
}
.flex.flex-between.col_#{$i}{
>div{
width:#{(100 / $i - 1.5)}#{'%'};
@media only screen and (max-width: 767px){
width: 100%;
}
}
}
}
/* margin
=========================================== */
// 指定するmarginの範囲を定義
$margin-min: 1;
$margin-max: 100;
@for $i from $margin-min through $margin-max {
.mt#{$i} {
margin-top: #{$i}px;
}
.mr#{$i} {
margin-right: #{$i}px;
}
.mb#{$i} {
margin-bottom: #{$i}px;
}
.ml#{$i} {
margin-left: #{$i}px;
}
}
/* padding
=========================================== */
// 指定するpaddingの範囲を定義
$padding-min: 1;
$padding-max: 100;
@for $i from $padding-min through $padding-max {
.pt#{$i} {
padding-top: #{$i}px;
}
.pr#{$i} {
padding-right: #{$i}px;
}
.pb#{$i} {
padding-bottom: #{$i}px;
}
.pl#{$i} {
padding-left: #{$i}px;
}
}
... ...
/* 游ゴシック
=========================================== */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
@mixin YuGothic() {
font-family: "Yu Gothic", YuGothic;
font-weight: 500;
}
@mixin transformFont(){
transform: scale( 1 , 1.4 );
}
/* 矢印
=========================================== */
@mixin arrow_r($width:6px, $height:6px, $color:#333){
content:"";
display: block;
width: $width;
height: $height;
border-right: 1px $color solid;
border-bottom: 1px $color solid;
transform: rotate(-45deg);
}
@mixin arrow_l($width:6px, $height:6px, $color:#333){
content:"";
display: block;
width: $width;
height: $height;
border-right: 1px $color solid;
border-bottom: 1px $color solid;
transform: rotate(45deg);
}
@mixin arrow_t($width:6px, $height:6px, $color:#333,$bwidth:1px){
content:"";
display: block;
width: $width;
height: $height;
border-right: $bwidth $color solid;
border-bottom: $bwidth $color solid;
transform: rotate(-135deg);
}
@mixin arrow_b($width:6px, $height:6px, $color:#333){
content:"";
display: block;
width: $width;
height: $height;
border-right: 1px $color solid;
border-bottom: 1px $color solid;
transform: rotate(45deg);
}
/* 角丸
=========================================== */
@mixin kadomaru($size:3px){
border-radius: $size;
-webkit-border-radius: $size;
-moz-border-radius: $size;
}
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="common.css" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="_mixin_common.scss" server="onoff02.source.co.jp" local="132144626180000000" remote="132152254200000000" Dst="0" />
<file name="_mixin_style.scss" server="onoff02.source.co.jp" local="132144626180000000" remote="132152254200000000" Dst="0" />
<file name="common.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="html5reset-1.6.1.css" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
This diff is collapsed. Click to expand it.
// compileCompressed: ./$1.css
@import "mixin_common";
@import "mixin_style";
// noto sans
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
// Roboto
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
/* ページ設定
=========================================== */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html {
// ゴシック
font-family: "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Roboto, "Droid Sans", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
@include YuGothic();
// 明朝
//font-family: "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}
html,body{
font-family: 'Noto Sans Japanese';
line-height: 150%;
color:#333;
}
.linkBox{
cursor: pointer;
&:hover{
opacity: 0.8;
}
}
figure{
img{
max-width: 100%;
}
}
.container{
max-width: 1060px;
margin-left: auto;
margin-right: auto;
}
/* font size
=========================================== */
html{
font-size: 62.5%;
}
body{
font-size:16px;
font-size:1.6rem;/* 16px*/
line-height: 2;
}
h1 {
font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
line-height: 1.3;
}
h2 {
font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
line-height: 1.3;
}
@media (min-width: 1200px) {/* 1200px以上*/
h1 {
font-size: 3.6rem;/* 36px*/
}
h2 {
font-size: 2.4rem;/* 24px*/
}
}
@media screen and (max-width: 640px) {/* 640px以下*/
body{
line-height: 2;
font-size: 1.4rem;
}
h1{
font-size: 2.4rem;/* 24px*/
}
h2 {
font-size: 2rem;/* 20px*/
}
}
/* iOSでのデフォルトスタイルをリセット
=========================================== */
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]:-webkit-search-decoration,
input[type="button"]:-webkit-search-decoration {
display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
outline-offset: -2px;
}
/* clearfix
=========================================== */
.clearfix:before,
.clearfix:after {
content:"";
display:block;
overflow:hidden;
}
.clearfix:after {
clear:both;
}
.clearfix {
zoom:1;
}
.left{
float: left;
}
.right{
float: right;
}
/* リスト
=========================================== */
ul{
list-style: none;
}
/* リンク
=========================================== */
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
/* flexbox
=========================================== */
.flex{
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
flex-direction: row;
flex-wrap: wrap;
@media only screen and (max-width: 767px){
flex-direction: column;
}
}
.flex.flex-between{
justify-content: space-between;
}
.flex.reverse{
flex-direction: row-reverse;
@media only screen and (max-width: 767px){
flex-direction: row;
}
}
@media only screen and (max-width: 767px){
.spFlexRow{
flex-direction: row;
flex-wrap: nowrap;
}
}
a{
color: #231815;
text-decoration: none;
}
/* header
=========================================== */
header{
position: absolute;
width: 100%;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.7);
padding: 1px 3em;
z-index: 99;
@media only screen and (max-width: 767px){
padding-left: 15px;
}
.logo{
img{
width: 42px;
}
}
nav{
padding-left: 2em;
@media only screen and (max-width: 767px){
display: none;
}
ul{
li{
@include transformFont();
font-size: 1.1rem;
line-height: 150%;
text-align: center;
display: flex;
align-items: center;
padding: 5px 0 0 0;
a{
display: block;
padding: 10px 3em;
text-decoration: none;
&:hover,
&.active{
text-decoration: none;
color: #62bcc3;
span{
position: relative;
display: inline-block;
&:before{
content: "";
display: block;
width: 100%;
height: 3px;
background-color: #62bcc3;
position: absolute;
bottom: -3px;
left: 0;
}
}
}
}
}
}
}
.cps{
position: absolute;
right: 0;
top: 0;
background-color: #001b60;
display: flex;
height:64px;
padding: 9px 16px 0px 16px;
@media only screen and (max-width: 767px){
padding-top: 12px;
}
&:before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 64px 0;
border-color: transparent #001b60 transparent transparent;
position: absolute;
left: -15px;
top: 0;
}
img{
width: 84px;
}
}
}
.more{
a{
display: inline-block;
background:linear-gradient(to right, #62bcc3, #4ad5e0);
padding: 6px 4em 12px 3em;
border-radius: 24px;
position: relative;
&:after{
content: "";
display: block;
width: 12px;
height: 15px;
background: url(/common/img/icon_arrow.png) no-repeat 0 0;
position: absolute;
right: 10%;
top: 35%;
}
span{
display: inline-block;
@include transformFont();
font-size: 13px;
color: #fff;
letter-spacing: 0.1em;
position: relative;
}
}
}
#pagetop{
a{
display: block;
background-color: #62bcc3;
width: 64px;
height: 64px;
text-align: center;
border-radius: 32px;
padding: 20px 0 0 0;
position: fixed;
right: 20px;
bottom: 30px;
@media only screen and (max-width: 767px){
width: 40px;
height: 40px;
padding-top: 8px;
bottom: 64px;
img{
width: 13px;
}
}
}
}
/* footer
=========================================== */
footer{
padding: 3em 0;
font-size: 1.4rem;
.logos{
align-items: center;
p{
@include transformFont();
letter-spacing: 1px;
}
img{
width: 84px;
}
}
>.container{
max-width: 580px;
>.flex{
justify-content: space-between;
align-items: center;
}
nav{
@media only screen and (max-width: 767px){
margin-top: 2em;
}
li{
a{
display: inline-block;
font-size: 1.2rem;
transform: scale( 1 , 1.2 );
letter-spacing: 1px;
position: relative;
padding-left: 12px;
margin-bottom: 5px;
&:before{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #000000;
transform: scale( 1 , 0.75 );
position: absolute;
left: 0;
top: 7px;
}
}
}
}
}
}
p.copyright{
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.0rem;
background-color: #231815;
color: #fff;
letter-spacing: 1px;
padding: 20px 0;
}
#breadcramb{
border-top:1px #c7c7c7 solid;
border-bottom: 1px #c7c7c7 solid;
padding: 15px 0;
margin-top: 6em;
@media only screen and (max-width: 767px){
padding-left: 3%;
padding-right: 3%;
}
ol{
list-style: none;
li{
font-size: 12px;
a{
position: relative;
color: #636466;
display: inline-block;
padding-right: 15px;
margin-right: 15px;
&:after{
content: "";
display: block;
width: 5px;
height: 5px;
border-right: 1px #636466 solid;
border-bottom: 1px #636466 solid;
transform: rotate(-45deg);
position: absolute;
right: 0;
top: 9px;
}
}
}
}
}
... ...
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="hd_cps.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="icon_arrow.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="logo.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="pagetop.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="gfooter_facebook_sp.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="common.js" server="onoff02.source.co.jp" local="132144626180000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
$(document).ready(function() {
// リンクボックス
$('.linkBox').click(function() {
if($(this).find('a').attr('target') == "_blank"){
window.open($(this).find('a').attr('href'));
return false;
}
window.location = $(this).find('a').attr('href');
return false;
});
// スムーススクロール
$('a[href^="#"]').click(function(){
var speed = 500;
var href = $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
// タブ
$('.tab li a').click(function(){
var id = $(this).attr("href");
$('.tab li').removeClass("active");
$(this).parent('li').addClass("active");
$('.tabContents > div').css("display","none");
$('.tabContents').find(id).css("display","block");
});
// アコーディオン
$('.acctit').click(function(){
$(this).next('.accodion').slideToggle();
if($(this).hasClass("open")){
$(this).removeClass("open");
}else{
$(this).addClass("open");
}
});
// ハンバーガーメニュー
$('#spMenu').click(function(){
$('#navigation').toggleClass("open");
});
$('.menu-close').click(function(){
$('#navigation').toggleClass("open");
});
// 子メニュー
$('#navigation nav > ul > li').mouseenter(function(){
var index = $(this).index();
if(index == 2){
$('ul.child').css("display", "block").css("opacity", 1).css("z-index", 99);
}else{
$('ul.child').css("display", "none").css("opacity", 0).css("z-index", -1);
}
});
$('#navigation nav > ul > li').mouseleave(function() {
$('ul.child').css("display", "none").css("opacity", 0).css("z-index", -1);
});
});
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="about.css" server="onoff02.source.co.jp" local="132149889940000000" remote="132152254200000000" Dst="0" />
<file name="about.scss" server="onoff02.source.co.jp" local="132144626180000000" remote="132152254200000000" Dst="0" />
<file name="interview.css" server="onoff02.source.co.jp" local="132151735140000000" remote="132152254200000000" Dst="0" />
<file name="news.css" server="onoff02.source.co.jp" local="132151735140000000" remote="132152254200000000" Dst="0" />
<file name="privacy.css" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="service.css" server="onoff02.source.co.jp" local="132146609160000000" remote="132152254200000000" Dst="0" />
<file name="service.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="top.css" server="onoff02.source.co.jp" local="132151735140000000" remote="132152254200000000" Dst="0" />
<file name="top.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
@charset "UTF-8";
/* 游ゴシック
=========================================== */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
/* 矢印
=========================================== */
/* 角丸
=========================================== */
#pageTitle {
background: url(/img/about/bg_under.png) no-repeat top center;
background-color: #eefdfe;
padding: 8em 0 5em 0;
text-align: center;
}
@media only screen and (max-width: 767px) {
#pageTitle {
padding-left: 3%;
padding-right: 3%;
}
}
#pageTitle h1 {
margin-bottom: 0.8em;
}
#pageTitle h1 img {
max-width: 100%;
}
#pageTitle p {
color: #636466;
font-size: 1.5rem;
transform: scale(1, 1.2);
letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
#pageTitle p {
font-size: 1.3rem;
}
}
section.ph {
padding: 5em 0 0 0;
}
@media only screen and (max-width: 1060px) {
section.ph {
padding-left: 3%;
padding-right: 3%;
}
}
section.ph .flex {
align-items: center;
}
section.ph .flex > div:nth-child(1) {
width: 60%;
}
@media only screen and (max-width: 767px) {
section.ph .flex > div:nth-child(1) {
width: 100%;
}
}
section.ph .flex > div:nth-child(1) img {
max-width: 100%;
}
section.ph .flex > div:nth-child(2) {
width: 40%;
}
@media only screen and (max-width: 767px) {
section.ph .flex > div:nth-child(2) {
width: 100%;
text-align: center;
margin-top: 20px;
}
}
section.ph .flex > div:nth-child(2) h2 {
margin-bottom: 2em;
}
section.ph .flex > div:nth-child(2) h2 img {
max-width: 100%;
}
section.ph .flex > div:nth-child(2) p {
color: #636466;
margin-bottom: 30px;
transform: scale(1, 1.2);
font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
section.ph .flex > div:nth-child(2) p {
font-size: 1.2rem;
}
}
#tokuten {
margin-top: 4em;
}
@media only screen and (max-width: 1060px) {
#tokuten {
padding-left: 3%;
padding-right: 3%;
}
}
#tokuten h2 {
text-align: center;
margin-bottom: 2em;
}
#tokuten h2 img {
max-width: 100%;
}
#tokuten .flow {
max-width: 800px;
margin-left: auto;
margin-right: auto;
align-items: center;
}
@media only screen and (max-width: 767px) {
#tokuten .flow {
align-items: flex-start;
}
}
#tokuten .flow > div {
text-align: center;
}
#tokuten .flow > div h3 {
transform: scale(1, 1.4);
font-size: 1.3rem;
color: #636466;
line-height: 140%;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
#tokuten .flow > div h3 {
font-size: 0.8rem;
}
}
#tokuten .flow > div p {
font-size: 1.2rem;
line-height: 140%;
}
#tokuten .flow > div p a {
color: #62bcc3;
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
#tokuten .flow > div {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
#tokuten .flow figure img {
width: 67px;
}
#tokuten .flow .arrow {
transform: rotate(90deg);
text-align: center;
padding: 10px 0;
}
#tokuten .flow .arrow img {
width: 13px;
}
}
#tokuten .image {
margin: 40px 0 0 0;
}
#service {
margin-top: 6em;
}
@media only screen and (max-width: 1060px) {
#service {
padding-left: 3%;
padding-right: 3%;
}
}
#service h2 {
text-align: center;
margin-bottom: 2em;
}
#service h2 img {
max-width: 100%;
}
#service p {
transform: scale(1, 1.4);
font-size: 1.3rem;
text-align: center;
}
#service .more {
text-align: center;
margin-top: 2em;
}
#consortium {
margin-top: 6em;
}
@media only screen and (max-width: 1060px) {
#consortium {
padding-left: 3%;
padding-right: 3%;
}
}
#consortium h2 {
text-align: center;
margin-bottom: 2em;
}
#consortium h2 img {
max-width: 100%;
}
#consortium .list {
border: 4px #d3d3d3 solid;
padding: 20px 2em;
margin-bottom: 20px;
}
#consortium .list h3 {
border-bottom: 2px #d3d3d3 solid;
padding: 0px 0 20px 24px;
margin-bottom: 30px;
line-height: 100%;
position: relative;
}
@media only screen and (max-width: 767px) {
#consortium .list h3 {
margin-bottom: 15px;
}
}
#consortium .list h3 span {
display: inline-block;
color: #636466;
font-size: 1.3rem;
transform: scale(1, 1.4);
line-height: 100%;
}
#consortium .list h3:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-color: #62bcc3;
border-radius: 8px;
position: absolute;
left: 0;
top: 2px;
}
#consortium .list ul {
flex-wrap: wrap;
}
#consortium .list ul li {
transform: scale(1, 1.4);
color: #636466;
display: block;
width: 25%;
font-size: 1.3rem;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
#consortium .list ul li {
font-size: 1.0rem;
width: 100%;
margin-bottom: 5px;
}
}
#gray {
margin-top: 4em;
}
#gray .container {
background-color: #f4f4f4;
padding: 3em;
}
#gray .container .flex > div:nth-child(1) {
width: 30%;
}
@media only screen and (max-width: 767px) {
#gray .container .flex > div:nth-child(1) {
width: 100%;
margin-bottom: 20px;
}
}
#gray .container .flex > div:nth-child(1) h3 {
color: #636466;
font-size: 1.4rem;
transform: scale(1, 1.2);
line-height: 180%;
}
#gray .container .flex > div:nth-child(2) {
width: 70%;
}
@media only screen and (max-width: 767px) {
#gray .container .flex > div:nth-child(2) {
width: 100%;
}
}
#gray .container .flex > div:nth-child(2) p {
font-size: 1.3rem;
}
#gray .container .flex > div:nth-child(2) .more {
margin-top: 1.5em;
}
#gray .container .flex > div:nth-child(2) .more a {
padding: 4px 2.5em 8px 2em;
line-height: 160%;
}
#gray .container .flex > div:nth-child(2) .more a:after {
background-image: url(/img/about/icon_blank.png);
background-size: 13px auto;
}
#gray .container .flex > div:nth-child(2) .more a span {
font-size: 1.1rem;
}
#download {
margin-top: 4em;
}
#download .container {
background-color: #f4f4f4;
padding: 3em;
}
#download .container h3 {
color: #636466;
text-align: center;
margin-bottom: 2em;
}
#download .container .more {
text-align: center;
}
#download .container .more a {
padding-left: 5em;
padding-right: 5em;
padding-top: 10px;
padding-bottom: 15px;
border-radius: 28.5px;
-webkit-border-radius: 28.5px;
-moz-border-radius: 28.5px;
}
#download .container .more a span:before {
content: "";
display: block;
width: 26px;
height: 26px;
background: url(/img/about/icon_pdf.png) no-repeat 0 0;
background-size: 100% auto;
position: absolute;
left: -34px;
top: 1px;
}
... ...
// compileCompressed: ./$1.css
@import "../common/css/mixin_style";
#pageTitle{
background: url(/img/about/bg_under.png) no-repeat top center;
background-color: #eefdfe;
padding: 8em 0 5em 0;
text-align: center;
@media only screen and (max-width: 767px){
padding-left: 3%;
padding-right: 3%;
}
h1{
margin-bottom: 0.8em;
img{
max-width: 100%;
}
}
p{
color: #636466;
font-size: 1.5rem;
transform: scale( 1 , 1.2 );
letter-spacing: 1px;
@media only screen and (max-width: 767px){
font-size: 1.3rem;
}
}
}
section.ph{
padding: 5em 0 0 0;
@media only screen and (max-width: 1060px){
padding-left: 3%;
padding-right: 3%;
}
.flex{
align-items: center;
>div:nth-child(1){
width: 60%;
@media only screen and (max-width: 767px){
width: 100%;
}
img{
max-width: 100%;
}
}
>div:nth-child(2){
width: 40%;
@media only screen and (max-width: 767px){
width: 100%;
text-align: center;
margin-top: 20px;
}
h2{
margin-bottom: 2em;
img{
max-width: 100%;
}
}
p{
color: #636466;
margin-bottom: 30px;
transform: scale( 1 , 1.2 );
font-size: 1.3rem;
@media only screen and (max-width: 767px){
font-size: 1.2rem;
}
}
}
}
}
#tokuten{
margin-top: 4em;
@media only screen and (max-width: 1060px){
padding-left: 3%;
padding-right: 3%;
}
h2{
text-align: center;
margin-bottom: 2em;
img{
max-width: 100%;
}
}
.flow{
max-width: 800px;
margin-left: auto;
margin-right: auto;
align-items: center;
@media only screen and (max-width: 767px){
align-items: flex-start;
}
>div{
text-align: center;
h3{
@include transformFont();
font-size: 1.3rem;
color: #636466;
line-height: 140%;
margin-bottom: 20px;
@media only screen and (max-width: 767px){
font-size: 0.8rem;
}
}
p{
font-size: 1.2rem;
line-height: 140%;
a{
color: #62bcc3;
text-decoration: underline;
}
}
@media only screen and (max-width: 767px){
width: 100%;
}
}
@media only screen and (max-width: 767px){
figure{
img{
width:67px;
}
}
.arrow{
transform: rotate(90deg);
text-align: center;
padding: 10px 0;
img{
width: 13px;
}
}
}
}
.image{
margin: 40px 0 0 0;
}
}
#service{
margin-top: 6em;
@media only screen and (max-width: 1060px){
padding-left: 3%;
padding-right: 3%;
}
h2{
text-align: center;
margin-bottom: 2em;
img{
max-width: 100%;
}
}
p{
@include transformFont();
font-size: 1.3rem;
text-align: center;
}
.more{
text-align: center;
margin-top: 2em;
}
}
#consortium{
margin-top: 6em;
@media only screen and (max-width: 1060px){
padding-left: 3%;
padding-right: 3%;
}
h2{
text-align: center;
margin-bottom: 2em;
img{
max-width: 100%;
}
}
.list{
border: 4px #d3d3d3 solid;
padding: 20px 2em;
margin-bottom: 20px;
h3{
border-bottom: 2px #d3d3d3 solid;
padding: 0px 0 20px 24px;
margin-bottom: 30px;
line-height: 100%;
position: relative;
@media only screen and (max-width: 767px){
margin-bottom: 15px;
}
span{
display: inline-block;
color: #636466;
font-size: 1.3rem;
@include transformFont();
line-height: 100%;
}
&:before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-color: #62bcc3;
border-radius: 8px;
position: absolute;
left:0;
top:2px;
}
}
ul{
flex-wrap: wrap;
li{
@include transformFont();
color: #636466;
display: block;
width: 25%;
font-size: 1.3rem;
margin-bottom: 15px;
@media only screen and (max-width: 767px){
font-size:1.0rem;
width: 100%;
margin-bottom: 5px;
}
}
}
}
}
#gray{
margin-top: 4em;
.container{
background-color: #f4f4f4;
padding: 3em;
.flex{
>div:nth-child(1){
width: 30%;
@media only screen and (max-width: 767px){
width: 100%;
margin-bottom: 20px;
}
h3{
color: #636466;
font-size: 1.4rem;
transform: scale( 1 , 1.2 );
line-height: 180%;
}
}
>div:nth-child(2){
width: 70%;
@media only screen and (max-width: 767px){
width: 100%;
}
p{
font-size: 1.3rem;
}
.more{
margin-top: 1.5em;
a{
padding: 4px 2.5em 8px 2em;
line-height: 160%;
&:after{
background-image: url(/img/about/icon_blank.png);
background-size: 13px auto;
}
span{
font-size:1.1rem;
}
}
}
}
}
}
}
... ...
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold
}
#pageTitle {
background: url(/img/about/bg_under.png) no-repeat top center;
background-color: #eefdfe;
padding: 8em 0 5em 0;
text-align: center
}
@media only screen and (max-width: 767px) {
#pageTitle {
padding-left: 3%;
padding-right: 3%
}
}
#pageTitle h1 {
margin-bottom: 0
}
#pageTitle h1 img {
max-width: 100%
}
#pageTitle p {
color: #636466;
font-size: 1.5rem;
transform: scale(1, 1.2);
letter-spacing: 1px
}
@media only screen and (max-width: 767px) {
#pageTitle p {
font-size: 1.3rem
}
}
#interview {
margin: 10.0rem 0 6.0rem 0
}
@media only screen and (max-width: 767px) {
#interview {
margin-top: 5.0rem
}
}
@media only screen and (max-width: 767px) {
#interview .container {
padding-left: 3%;
padding-right: 3%
}
}
#interview h2.post-title {
text-align: center;
line-height: 2;
border-top: 3px #231815 solid;
border-bottom: 1px #231815 solid;
padding: 20px 0;
position: relative;
margin-bottom: 40px
}
#interview h2.post-title span {
display: inline-block;
transform: scale(1, 1.2);
font-size: 1.7rem;
letter-spacing: 3px
}
@media only screen and (max-width: 767px) {
#interview h2.post-title span {
font-size: 1.3rem;
letter-spacing: 1px;
line-height: 1.5
}
}
#interview h2.post-title:after {
content: "";
display: block;
width: 17px;
height: 16px;
background-image: url(/img/interview/fukudashi.png);
background-repeat: no-repeat;
background-size: 17px auto;
position: absolute;
bottom: -16px;
left: 10%
}
#interview figure figcaption {
line-height: 1.8;
font-size: 13px;
color: #636466
}
#interview .campany_name {
text-align: center;
border-bottom: 5px #62bcc3 solid;
margin-top: 6.0rem;
padding-bottom: 10px;
margin-bottom: 2.0rem
}
#interview .campany_name span {
display: inline-block;
transform: scale(1, 1.2);
font-size: 2.4rem;
letter-spacing: 3px
}
#interview .toc {
border: 5px #f4f4f4 solid;
padding: 4.0rem 8.0rem
}
@media only screen and (max-width: 767px) {
#interview .toc {
padding: 2.0rem
}
}
#interview .toc h3 {
text-align: center;
margin-bottom: 2.0rem
}
@media only screen and (max-width: 767px) {
#interview .toc h3 img {
width: 100px
}
}
#interview .toc ol {
list-style: none
}
#interview .toc ol li {
position: relative;
padding-left: 20px;
font-size: 1.6rem;
margin-bottom: 8px
}
@media only screen and (max-width: 767px) {
#interview .toc ol li {
font-size: 1.3rem;
line-height: 1.5;
margin-bottom: 10px
}
}
#interview .toc ol li:before {
content: "";
display: block;
width: 10px;
height: 10px;
background-color: #62bcc3;
border-radius: 5px;
position: absolute;
left: 0;
top: 13px
}
@media only screen and (max-width: 767px) {
#interview .toc ol li:before {
top: 5px
}
}
#interview .toc ol li span {
font-size: 1.4rem;
display: inline-block;
margin-right: 3.0rem
}
@media only screen and (max-width: 767px) {
#interview .toc ol li span {
display: block;
font-size: 1.2rem
}
}
#interview .toc ol li:last-child {
margin-bottom: 0
}
#interview .post-content h2 {
background-color: #62bcc3;
color: #fff;
font-size: 2.2rem;
text-align: center;
padding: 8px 0;
margin-top: 6.0rem
}
@media only screen and (max-width: 767px) {
#interview .post-content h2 {
margin-top: 4.0rem;
font-size: 1.8rem;
padding: 10px 10px
}
}
#interview .post-content p {
font-size: 1.4rem;
line-height: 2.3
}
@media only screen and (max-width: 767px) {
#interview .post-content p {
font-size: 1.3rem;
line-height: 2
}
}
#interview .post-content p.oneline {
padding-top: 1.5rem
}
#interview .post-content p.question {
color: #62bcc3;
font-size: 1.6rem;
margin-bottom: 3.5rem;
margin-bottom: 3.5rem;
margin-top: 3.5rem
}
@media only screen and (max-width: 767px) {
#interview .post-content p.question {
margin-top: 2.0rem;
margin-bottom: 2.0rem
}
}
#interview .post-content .anwer {
display: flex;
margin-bottom: 3.0rem
}
#interview .post-content .anwer > div:nth-child(1) {
width: 10%;
text-align: center;
padding-top: 8px
}
@media only screen and (max-width: 767px) {
#interview .post-content .anwer > div:nth-child(1) {
width: 20%
}
}
#interview .post-content .anwer > div:nth-child(1) p.name {
line-height: 1.2
}
#interview .post-content .anwer > div:nth-child(1) img {
width: 50px
}
#interview .post-content .anwer > div:nth-child(2) {
width: 90%
}
#interview .post-content figure {
text-align: center;
margin: 6.0rem 0
}
@media only screen and (max-width: 767px) {
#interview .post-content figure {
margin: 3.0rem 0
}
}
#interview .pager .more {
text-align: center;
margin-top: 6.0rem
}
#interview .pager .more a {
padding: 12px 5rem;
border-radius: 31.5px
}
@media only screen and (max-width: 767px) {
#interview .pager .more a {
border-radius: 42.5px
}
}
#interview .pager .more a:after {
right: 5%
}
#interview .pager .more a span {
display: inline-block;
text-align: center;
line-height: 1.5;
font-size: 1.3rem;
transform: scale(1, 1.2)
}
#interview .pager ul {
text-align: center;
margin-top: 6.0rem
}
#interview .pager ul li {
display: inline-block;
margin-right: 5px
}
#interview .pager ul li span, #interview .pager ul li a {
border: 1px #231815 solid;
color: #231815;
font-size: 1.6rem;
padding: 8px 15px;
text-align: center
}
#interview .pager ul li span {
border: 1px #62bcc3 solid;
background-color: #62bcc3;
color: #fff
}
.list .more {
text-align: center;
margin-top: 16px
}
.rev.more a {
padding: 8px 5rem 12px 6rem !important
}
.rev.more a:after {
transform: rotate(180deg);
right: auto;
left: 10%
}
#interview .post-content p {
font-size: 1.6rem;
}
#interview .post-content p.anwer-note {
font-size: 12px;
padding-left: 1.1em;
margin-top: 1em;
position: relative;
line-height: 1.8;
}
#interview .post-content p.anwer-note::before {
content: "※";
position: absolute;
left: 0;
top: 0;
}
#interview br.sp {
display: none;
}
@media only screen and (max-width: 767px) {
#interview br.sp {
display: block;
}
#interview.list .flex > div {
margin-bottom: 30px;
}
#interview.list .flex > div:last-child {
margin-bottom: 0;
}
#interview .pager .more a {
padding: 12px 5rem 12px 4rem;
}
}
/*
インタビューページの改修
*/
h2.headline{
text-align: center;
border-bottom: 5px #62bcc3 solid;
margin-top: 6.0rem;
padding-bottom: 10px;
margin-bottom: 2.0rem;
}
#event .flex > div{
width:49%;
background-color: #f4f4f4;
border-radius: 10px;
overflow: hidden;
}
#event .flex > div h3{
font-size: 1.6rem;
line-height: 1.5;
}
#event .flex > div a{
text-decoration: none;
}
#event .flex > div p.date{
font-size: 1.2rem;
font-weight: normal;
}
#event .flex > div p.text{
font-size: 1.3rem;
line-height: 1.7;
margin-top: 10px;
}
#event .more{
text-align: center;
margin-top: 20px;
}
#event .flex > div .pbBox{
padding: 0.4em 1em 1em 1em;
}
#event_detail .container{
max-width: 980px;
}
#event_detail h2.headline{
border-bottom: none;
text-align: left;
margin-top: 0;
}
#event_detail p{
margin-bottom: 15px;
}
#event_detail p.date{
text-align: right;
font-size: 1.3rem;
margin-bottom: 10px;
margin-top: 5.0em;
}
#event_detail figure{
text-align: center;
margin-bottom: 15px;
}
#event_detail .photos.flex{
flex-wrap: wrap;
}
#event_detail .photos.flex > div{
width: 48.5%;
}
#event_detail .photos.flex > div figure{
margin-bottom: 6px;
}
#event_detail .photos.flex > div figure img{
vertical-align: bottom;
}
#event_detail .photos.flex > div p{
text-align: left;
font-size: 1.3rem;
line-height: 1.6;
}
#event_detail .borderBox{
border: 4px #62bcc3 solid;
padding: 10px 1.6em 0 1.6em;
border-radius: 14px;
margin-top: 40px;
}
#event_detail .borderBox h4{
margin-bottom: 20px;
margin-top: 15px;
}
#event_detail .borderBox h5{
border-bottom: 2px #d3d3d3 solid;
padding: 0px 0 20px 24px;
margin-bottom: 10px;
line-height: 100%;
position: relative;
color: #636466;
}
#event_detail .borderBox p{
font-size: 1.4rem;
margin-bottom: 30px;
line-height: 1.7;
}
#event_detail .borderBox h5:before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-color: #62bcc3;
border-radius: 8px;
position: absolute;
left: 0;
top: 2px;
}
#event_detail .pager .more{
text-align: center;
margin-top: 30px;
}
#interview figure.kadomaru img{
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
#event .container,
#event_detail .container{
padding-left: 3%;
padding-right: 3%;
}
#event .flex > div{
width: 100%;
}
#event .flex > div img{
width: 100%;
}
#event_detail p.date{
margin-top: 2.5em;
}
#event_detail .photos.flex > div p{
font-size: 1.2rem;
}
#event_detail .photos.flex > div p br{
display: none;
}
}
... ...
#pageTitle {
background: url(/img/about/bg_under.png) no-repeat top center;
background-color: #eefdfe;
padding: 8em 0 5em 0;
text-align: center;
}
#pageTitle h1 {
margin-bottom: 0.8em;
}
#pageTitle h1 img {
max-width: 100%;
}
#pageTitle p {
color: #636466;
font-size: 1.5rem;
transform: scale(1, 1.2);
letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
#pageTitle p {
font-size: 1.3rem;
}
}
#news{
padding-top: 5em;
}
@media only screen and (max-width: 767px) {
#news{
padding-top: 2.5em;
padding-left: 3%;
padding-right: 3%;
}
}
dl dt{
padding-right: 30px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
color: #62bcc3;
width: 10%;
}
dl dd{
width: 90%;
}
dl dt,
dl dd{
font-size: 1.5rem;
}
}
... ...
@charset "UTF-8";
/* 游ゴシック
=========================================== */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
.privacy h1{
text-align: center;
font-size: 2em;
padding: 120px 0 10px 0;
color: #999;
}
.privacy h2{
color: #62bcc3;
font-size: 2rem;
font-weight: bold;
text-align: left;
margin-bottom: 1.0rem;
line-height: 1.8;
display: table;
margin-left: 0;
margin-right: auto;
margin-top: 60px;
border-bottom: 2px solid #62bcc3;
}
.privacy p{
text-align: left;
font-size: 1.4rem;
line-height: 200%;
color: #636466;
margin-top: 20px;;
font-weight: normal;
}
... ...
@charset "UTF-8";
/* 游ゴシック
=========================================== */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
/* 矢印
=========================================== */
/* 角丸
=========================================== */
#pageTitle {
padding: 8em 0 5em 0;
text-align: center;
}
@media only screen and (max-width: 767px) {
#pageTitle {
padding-left: 3%;
padding-right: 3%;
}
}
#pageTitle .flex {
align-items: center;
}
#pageTitle .flex > div {
width: 50%;
}
@media only screen and (max-width: 767px) {
#pageTitle .flex > div {
width: 100%;
}
}
#pageTitle .flex > div p {
text-align: left;
font-size: 1.3rem;
transform: scale(1, 1.2);
line-height: 200%;
margin-bottom: 30px;
}
#pageTitle h1 {
margin-bottom: 0.8em;
}
#pageTitle p {
color: #636466;
font-size: 1.5rem;
transform: scale(1, 1.2);
letter-spacing: 1px;
}
.search.btm {
margin-top: 6em;
}
.search.btm .bg > .flex > div {
padding: 1.2em;
}
.search.more {
margin-top: 3em;
text-align: center;
}
.search.more .more a {
min-width: 320px;
}
.search .bg {
background-color: #f4f4f4;
padding: 2em;
}
.search .bg h2 {
margin-top: -50%;
}
@media only screen and (max-width: 767px) {
.search .bg h2 {
margin-top: 0;
}
.search .bg h2 img {
width: 137px;
}
}
.search .bg > .flex {
justify-content: space-between;
}
.search .bg > .flex > div {
width: 32%;
border: 4px #62bcc3 solid;
border-radius: 14px;
background-color: #fff;
padding: 2.2em 1.6em;
position: relative;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.search .bg > .flex > div {
width: 100%;
}
}
.search .bg > .flex > div h3 {
line-height: 140%;
}
.search .bg > .flex > div img {
vertical-align: bottom;
}
.search .bg > .flex > div.noBorder {
border: none;
background-color: transparent;
}
@media only screen and (max-width: 767px) {
.search .bg > .flex > div.noBorder {
padding: 0;
}
}
.search .bg > .flex > div a {
display: inline-block;
background-color: #62bcc3;
color: #fff;
padding: 5px 40px;
line-height: 120%;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
position: absolute;
right: 0;
bottom: 14px;
}
.search .bg > .flex > div a:after {
content: "";
display: block;
width: 12px;
height: 15px;
background: url(/common/img/icon_arrow.png) no-repeat 0 0;
position: absolute;
right: 15%;
top: 26%;
}
.search .bg > .flex > div a span {
display: inline-block;
font-size: 1.3rem;
transform: scale(1, 1.2);
}
.search .bg .lists {
justify-content: space-between;
}
.search .bg .lists > div:nth-child(1) {
width: 55%;
}
.search .bg .lists > div:nth-child(1) img {
max-width: 100%;
}
.search .bg .lists > div:nth-child(2) {
width: 40%;
}
#detail .bg {
background-color: #f4f4f4;
padding: 26px 40px;
}
#detail .bg + .bg {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
#detail .bg {
padding: 15px;
}
}
#detail .bg .labels > div {
width: 50%;
}
@media only screen and (max-width: 767px) {
#detail .bg .labels > div {
width: 100%;
}
}
#detail .bg .labels > div h2 {
font-size: 1.3rem;
color: #62bcc3;
line-height: 100%;
padding: 12px 8px;
}
#detail .bg .labels > div p {
display: inline-block;
background-color: #62bcc3;
line-height: 100%;
font-size: 1.2rem;
color: #fff;
padding: 6px 16px;
border-radius: 12px;
}
#detail .bg .labels .green h2 {
color: #3ccc79;
}
#detail .bg .labels .green p {
background-color: #3ccc79;
}
#detail .bg .borderBox {
border: 4px #62bcc3 solid;
border-radius: 14px;
background-color: #fff;
padding: 10px 1.6em 1.4em 1.6em;
margin-top: 20px;
}
#detail .bg .borderBox table.gaiyo {
width: 100%;
}
#detail .bg .borderBox table.gaiyo th, #detail .bg .borderBox table.gaiyo td {
font-size: 1.4rem;
line-height: 170%;
text-align: left;
border-bottom: 2px #e2e2e2 solid;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
#detail .bg .borderBox table.gaiyo th, #detail .bg .borderBox table.gaiyo td {
width: 100%;
display: block;
}
}
#detail .bg .borderBox table.gaiyo th {
width: 24%;
}
@media only screen and (max-width: 767px) {
#detail .bg .borderBox table.gaiyo th {
width: 100%;
}
}
#detail .bg .borderBox table.gaiyo th:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #62bcc3;
margin-right: 6px;
}
#detail .bg .borderBox table.gaiyo td {
line-height: 2;
}
#detail .bg .borderBox table.gaiyo td figure {
text-align: center;
}
#detail .bg .borderBox table.gaiyo td a {
text-decoration: underline;
position: relative;
display: inline-block;
padding-left: 10px;
}
#detail .bg .borderBox table.gaiyo td a:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #000000;
transform: scale(1, 0.75);
position: absolute;
left: 0;
top: 7px;
}
#detail .bg .borderBox table.gaiyo td.bold {
font-weight: bold;
font-size: 1.6rem;
}
#detail .bg .borderBox table.gaiyo .noBorder {
border: none;
}
@media only screen and (max-width: 767px) {
#detail .bg .borderBox table.gaiyo td.noBorder {
padding-top: 0;
padding-bottom: 0;
}
}
#detail .bg .borderBox table.ph th, #detail .bg .borderBox table.ph td {
border: none;
padding: 5px;
text-align: center;
}
@media only screen and (max-width: 767px) {
#detail .bg .borderBox table.ph th, #detail .bg .borderBox table.ph td {
width: 33%;
display: table-cell;
}
#detail .bg .borderBox table.ph th img, #detail .bg .borderBox table.ph td img {
max-width: 100%;
}
}
#detail .bg .borderBox table.ph th {
text-align: center;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
#detail .bg .borderBox table.ph th {
font-size: 1.2rem;
}
}
#detail .bg .borderBox table.ph th:before {
display: none;
}
@media only screen and (max-width: 767px) {
#detail .bg .borderBox table.ph td {
font-size: 1.0rem;
line-height: 150%;
}
}
#detail .bg .borderBox table.ph .border {
border-right: 2px #e2e2e2 solid;
}
.rev .more a {
padding: 6px 3em 12px 4em;
}
.rev .more a:after {
transform: rotate(180deg);
right: auto;
left: 15%;
}
.nav {
display: flex;
justify-content: space-between;
font-size: 13px;
line-height: 1.4;
margin-bottom: 20px;
}
.nav p{
text-align: center;
font-size: 15px;
margin-bottom: 10px;
color: #FFF;
padding: 8px 0;
border-radius: 999px;
line-height: 1;
}
.nav-left p{
background: #62bcc3;
}
.nav-right p{
background: #3ccc79;
}
.nav ul{
display: flex;
}
.nav ul li{
width: 25%;
min-height: 3.6em;
display: flex;
align-items: center;
justify-content: center;
}
.nav ul li a{
display: block;
text-align: center;
}
.nav ul li + li{
border-left: 2px solid #e2e2e2;
}
.nav-left {
width: 48%;
}
.nav-right {
width: 48%;
}
@media only screen and (max-width: 767px) {
#pageTitle .flex > div p br{
display: none;
}
}
.detail-title{
border-bottom: 4px solid #62bcc3;
margin-bottom: 40px;
display: flex;
align-items: flex-end;
margin-top: 40px;
padding: 0 20px 10px 20px;
}
.detail-title--benefit{
border-bottom: 4px solid #3ccc79;
}
.detail-title h2{
margin-bottom: 5px;
margin-left: 25px;
transform: scale(1, 1.2);
}
.detail-title-ico img{
vertical-align: bottom;
}
.detail-title-ico--s img{
width: 110px;
height: auto;
}
.detail-title-ico--ss img{
width: 80px;
height: auto;
}
.detail-title-ico--sss img{
width: 60px;
height: auto;
}
.service_date{
text-align: right;
font-weight: normal;
}
... ...
@import "../common/css/mixin_style";
#pageTitle{
padding: 8em 0 5em 0;
text-align: center;
@media only screen and (max-width: 767px){
padding-left: 3%;
padding-right: 3%;
}
.flex{
align-items: center;
>div{
width: 50%;
@media only screen and (max-width: 767px){
width: 100%;
}
p{
text-align: left;
font-size: 1.3rem;
transform: scale( 1 , 1.2 );
line-height: 200%;
margin-bottom: 30px;
}
}
}
h1{
margin-bottom: 0.8em;
}
p{
color: #636466;
font-size: 1.5rem;
transform: scale( 1 , 1.2 );
letter-spacing: 1px;
}
}
.search{
&.btm{
margin-top: 6em;
.bg{
>.flex{
>div{
padding: 1.2em;
}
}
}
}
&.more{
margin-top: 3em;
text-align: center;
.more{
a{
min-width: 320px;
}
}
}
.bg{
background-color: #f4f4f4;
padding: 2em;
h2{
margin-top: -50%;
@media only screen and (max-width: 767px){
margin-top: 0;
img{
width: 137px;
}
}
}
>.flex{
justify-content:space-between;
>div{
width: 32%;
border: 4px #62bcc3 solid;
border-radius: 14px;
background-color: #fff;
padding: 2.2em 1.6em;
position: relative;
margin-top: 20px;
@media only screen and (max-width: 767px){
width: 100%;
}
h3{
line-height: 140%;
}
img{
vertical-align: bottom;
}
&.noBorder{
border:none;
background-color: transparent;
@media only screen and (max-width: 767px){
padding: 0;
}
}
a{
display: inline-block;
background-color: #62bcc3;
color: #fff;
padding: 5px 40px;
line-height: 120%;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
position: absolute;
right: 0;
bottom: 14px;
&:after{
content: "";
display: block;
width: 12px;
height: 15px;
background: url(/common/img/icon_arrow.png) no-repeat 0 0;
position: absolute;
right: 15%;
top: 26%;
}
span{
display: inline-block;
font-size: 1.3rem;
transform: scale( 1 , 1.2 );
}
}
}
}
.lists{
justify-content: space-between;
>div:nth-child(1){
width: 55%;
img{
max-width: 100%;
}
}
>div:nth-child(2){
width: 40%;
}
}
}
}
#detail{
.bg{
background-color: #f4f4f4;
padding:26px 40px;
@media only screen and (max-width: 767px){
padding: 15px;
}
.labels{
>div{
width: 50%;
@media only screen and (max-width: 767px){
width: 100%;
}
h2{
font-size: 1.3rem;
color: #62bcc3;
line-height: 100%;
padding: 12px 8px;
}
p{
display: inline-block;
background-color: #62bcc3;
line-height: 100%;
font-size: 1.2rem;
color: #fff;
padding: 6px 16px;
border-radius: 12px;
}
}
.green{
h2{
color: #3ccc79;
}
p{
background-color: #3ccc79;
}
}
}
.borderBox{
border: 4px #62bcc3 solid;
border-radius: 14px;
background-color: #fff;
padding:10px 1.6em 1.4em 1.6em;
margin-top: 20px;
table.gaiyo{
width: 100%;
th,td{
font-size: 1.4rem;
line-height: 170%;
text-align: left;
border-bottom: 2px #e2e2e2 solid;
padding: 20px 0;
@media only screen and (max-width: 767px){
width: 100%;
display: block;
}
}
th{
width: 24%;
@media only screen and (max-width: 767px){
width: 100%;
}
&:before{
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #62bcc3;
margin-right: 6px;
}
}
td{
line-height: 2;
figure{
text-align: center;
}
a{
text-decoration: underline;
position: relative;
display: inline-block;
padding-left: 10px;
&:before{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #000000;
transform: scale(1, 0.75);
position: absolute;
left: 0;
top: 7px;
}
}
}
td.bold{
font-weight: bold;
font-size: 1.6rem;
}
.noBorder{
border: none;
}
td.noBorder{
@media only screen and (max-width: 767px){
padding-top: 0;
padding-bottom: 0;
}
}
}
table.ph{
th,td{
border: none;
padding: 5px;
text-align: center;
@media only screen and (max-width: 767px){
width: 33%;
display: table-cell;
img{
max-width: 100%;
}
}
}
th{
text-align: center;
font-size:1.6rem;
@media only screen and (max-width: 767px){
font-size: 1.2rem;
}
&:before{
display: none;
}
}
@media only screen and (max-width: 767px){
td{
font-size: 1.0rem;
line-height: 150%;
}
}
.border{
border-right: 2px #e2e2e2 solid;
}
}
}
}
}
.rev{
.more{
a{
padding: 6px 3em 12px 4em;
&:after{
transform: rotate(180deg);
right: auto;
left: 15%;
}
}
}
}
... ...
@charset "UTF-8";
/* 游ゴシック
=========================================== */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
/* 矢印
=========================================== */
/* 角丸
=========================================== */
#hero .container {
padding-top: 9em;
background: url(/img/top/hero.jpg) no-repeat top right;
min-height: 600px;
max-width: 1170px;
}
@media only screen and (max-width: 1180px) {
#hero .container {
max-width: none;
width: 100%;
}
}
@media only screen and (max-width: 1110px) {
#hero .container {
background: url(/img/top/hero.jpg) no-repeat top right -20%;
}
}
@media only screen and (max-width: 767px) {
#hero .container {
position: relative;
background-position: top center;
}
#hero .container:before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
}
#hero h1 {
text-align: center;
display: table;
z-index: 2;
position: relative;
}
@media only screen and (max-width: 1180px) {
#hero h1 {
padding-left: 5%;
}
}
@media only screen and (max-width: 767px) {
#hero h1 {
display: block;
}
}
#hero h1 img {
margin-bottom: 1em;
width: 140.5px;
}
#hero h1 p {
font-size: 1.3rem;
transform: scale(1, 1.4);
line-height: 180%;
}
#hero h1 p.catch {
font-size: 2.2rem;
color: #62bcc3;
margin-bottom: 20px;
}
section#what_is_life_up h2, section#life h2 {
margin-bottom: 2.2em;
}
section#what_is_life_up > .flex, section#life > .flex {
align-items: center;
}
@media only screen and (max-width: 767px) {
section#what_is_life_up > .flex > div img, section#life > .flex > div img {
max-width: 100%;
}
}
section#what_is_life_up > .flex > div:nth-child(1), section#life > .flex > div:nth-child(1) {
width: 55%;
}
@media only screen and (max-width: 767px) {
section#what_is_life_up > .flex > div:nth-child(1), section#life > .flex > div:nth-child(1) {
width: 100%;
text-align: center;
}
}
section#what_is_life_up > .flex > div:nth-child(2), section#life > .flex > div:nth-child(2) {
width: 45%;
padding-left: 4em;
}
@media only screen and (max-width: 767px) {
section#what_is_life_up > .flex > div:nth-child(2), section#life > .flex > div:nth-child(2) {
width: 100%;
padding-left: 0;
text-align: center;
margin-top: 1em;
}
}
#news {
margin-top: 4.0em;
}
@media only screen and (max-width: 1060px) {
#news {
padding-left: 3%;
padding-right: 3%;
}
}
#news h2 {
background-color: #62bcc3;
color: #fff;
font-size: 1.2rem;
letter-spacing: 1px;
line-height: 150%;
padding: 0px 10px 9px 10px;
text-align: center;
width: 14%;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
#news h2{
padding-top: 8px;
}
}
#news h2 span {
display: block;
transform: scale(1, 1.4);
}
@media only screen and (max-width: 767px) {
#news h2 {
border-bottom-left-radius: 0;
border-top-right-radius: 24px;
width: 100%;
}
}
#news dl {
background-color: #f4f4f4;
padding: 12px 30px;
width: 86%;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
@media only screen and (max-width: 767px) {
#news dl {
width: 100%;
border-top-right-radius: 0;
border-bottom-left-radius: 24px;
}
}
#news dl dt {
padding-right: 30px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
width: 10%;
}
#news dl dd {
width: 90%;
}
@media only screen and (max-width: 767px) {
#news dl dd{
width: 100%;
}
}
#news dl dt, #news dl dd {
font-size: 1.3rem;
}
#news .more{
text-align: center;
display: block;
margin-top: 20px;
}
#what_is_life_up {
margin-top: 5.0em;
}
@media only screen and (max-width: 1060px) {
#what_is_life_up {
padding-left: 3%;
padding-right: 3%;
}
}
@media only screen and (max-width: 767px) {
#what_is_life_up {
margin-top: 5em;
}
}
@media only screen and (max-width: 767px) {
#what_is_life_up h2 img {
width: 300px;
}
}
#life {
margin-top: 3.0em;
}
@media only screen and (max-width: 1060px) {
#life {
padding-left: 3%;
padding-right: 3%;
}
}
@media only screen and (max-width: 767px) {
#life {
margin-top: 5em;
}
}
#life > .flex > div:nth-child(2) {
padding-left: 0;
}
@media only screen and (max-width: 767px) {
#life h2 img {
width: 220px;
}
}
#interview {
position: relative;
padding-top: 70px;
margin-top: 3.0em;
margin-bottom: 8.0rem;
}
@media only screen and (max-width: 767px) {
#interview {
padding-top: 35px;
}
}
#interview h2 {
text-align: center;
margin-bottom: 5.0rem;
}
@media only screen and (max-width: 767px) {
#interview h2 img {
width: 99.5px;
}
}
#interview .bg {
background-color: #f4f4f4;
color: #8d8d8d;
font-size: 3.6rem;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
padding: 4.2em 0;
font-weight: bold;
}
#interview .more {
text-align: center;
}
@media only screen and (max-width: 767px) {
#interview .more {
margin-bottom: 30px;
}
}
#interview .more a {
margin-top: 16px;
}
#interview .more a span {
font-size: 1.3rem;
}
#interview figure img{
border-radius: 10px;
}
#ft_img {
text-align: center;
margin-top: 20px;
background: url(/img/top/ft_img.jpg) no-repeat top center;
overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
#ft_img {
background: none;
}
}
#ft_img img {
opacity: 0;
max-width: 100%;
}
@media only screen and (max-width: 767px) {
#ft_img img {
opacity: 1;
}
}
/*
2019/10/09 追加
*/
#event{
padding-top: 2.5em;
}
#event h2{
text-align: center;
margin-bottom: 5.0rem;
}
#event .more{
text-align: center;
}
#event .more a{
margin-top: 16px;
}
#event p{
line-height: 1.7;
}
#event p.date{
font-size: 1.2rem;
}
#event figure img{
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
#event{
padding-top: 5em;
}
#event h2 img{
width: 72px;
}
#event p{
padding-left: 3%;
padding-right: 3%;
}
}
... ...
// compileCompressed: ./$1.css
@import "../common/css/mixin_style";
#hero{
.container{
padding-top: 9em;
background: url(/img/top/hero.jpg) no-repeat top right;
min-height: 600px;
max-width: 1170px;
@media only screen and (max-width: 1180px){
max-width: none;
width: 100%;
}
@media only screen and (max-width: 1110px){
background: url(/img/top/hero.jpg) no-repeat top right -20%;
}
@media only screen and (max-width: 767px){
position: relative;
background-position: top center;
&:before{
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.70);
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
}
}
h1{
text-align: center;
display: table;
z-index: 2;
position: relative;
@media only screen and (max-width: 1180px){
padding-left: 5%;
}
@media only screen and (max-width: 767px){
display: block;
}
img{
margin-bottom: 1em;
width: 140.5px;
}
p{
font-size: 1.3rem;
@include transformFont();
line-height: 180%;
}
p.catch{
font-size: 2.2rem;
color: #62bcc3;
margin-bottom: 20px;
}
}
}
section#what_is_life_up,
section#life{
h2{
margin-bottom: 2.2em;
}
>.flex{
align-items: center;
>div{
@media only screen and (max-width: 767px){
img{
max-width: 100%;
}
}
}
>div:nth-child(1){
width: 55%;
@media only screen and (max-width: 767px){
width: 100%;
text-align: center;
}
}
>div:nth-child(2){
width: 45%;
padding-left: 4em;
@media only screen and (max-width: 767px){
width: 100%;
padding-left: 0;
text-align: center;
margin-top: 1em;
}
}
}
}
#news{
margin-top: 4.0em;
@media only screen and (max-width: 1060px){
padding-left: 3%;
padding-right: 3%;
}
h2{
background-color: #62bcc3;
color: #fff;
font-size: 1.2rem;
letter-spacing: 1px;
line-height: 150%;
padding: 14px 10px 9px 10px;
text-align: center;
width: 14%;
border-top-left-radius:24px;
border-bottom-left-radius: 24px;
span{
display: block;
@include transformFont();
}
@media only screen and (max-width: 767px){
border-bottom-left-radius: 0;
border-top-right-radius:24px;
width: 100%;
}
}
dl{
background-color: #f4f4f4;
padding: 12px 30px;
width: 86%;
border-top-right-radius:24px;
border-bottom-right-radius: 24px;
@media only screen and (max-width: 767px){
width: 100%;
border-top-right-radius:0;
border-bottom-left-radius: 24px;
}
dt{
padding-right: 30px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
}
dt,dd{
font-size: 1.3rem;
}
}
}
#what_is_life_up{
margin-top: 5.0em;
@media only screen and (max-width: 1060px){
padding-left: 3%;
padding-right: 3%;
}
@media only screen and (max-width: 767px){
margin-top: 5em;
}
h2{
img{
@media only screen and (max-width: 767px){
width: 300px;
}
}
}
}
#life{
margin-top: 3.0em;
@media only screen and (max-width: 1060px){
padding-left: 3%;
padding-right: 3%;
}
@media only screen and (max-width: 767px){
margin-top: 5em;
}
>.flex{
>div:nth-child(2){
padding-left: 0;
}
}
h2{
img{
@media only screen and (max-width: 767px){
width: 220px;
}
}
}
}
#interview{
position: relative;
padding-top: 70px;
margin-top: 3.0em;
@media only screen and (max-width: 767px){
padding-top: 35px;
}
h2{
position: absolute;
top: 0;
left: 2em;
img{
@media only screen and (max-width: 767px){
width: 99.5px;
}
}
}
.bg{
background-color: #f4f4f4;
color: #8d8d8d;
font-size: 3.6rem;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
padding: 4.2em 0;
font-weight: bold;
}
}
#ft_img{
text-align: center;
margin-top: 20px;
background: url(/img/top/ft_img.jpg) no-repeat top center;
overflow-x:hidden;
@media only screen and (max-width: 767px){
background: none;
}
img{
opacity: 0;
max-width: 100%;
@media only screen and (max-width: 767px){
opacity: 1;
}
}
}
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="secom.pdf" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="sharp.pdf" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="keyware.pdf" server="onoff02.source.co.jp" local="132146609960000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="bg_under.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="about_img02.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="about_img01.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="h1.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="h2_01.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="h2_02.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="h2_03.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="h2_04.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="h2_05.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="icon_blank.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="icon_pdf.png" server="onoff02.source.co.jp" local="132149889740000000" remote="132152254200000000" Dst="0" />
<file name="tokuten01.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="tokuten02.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="tokuten03.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="LIEEUP_promotion_about.pdf" server="onoff02.source.co.jp" local="132149889820000000" remote="132152254200000000" Dst="0" />
<file name="tokuten_arrow.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="tokuten04.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="event01_thumb.jpg" server="onoff02.source.co.jp" local="132151735340000000" remote="132152254200000000" Dst="0" />
<file name="fukudashi.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="h1.png" server="onoff02.source.co.jp" local="132150566460000000" remote="132152254200000000" Dst="0" />
<file name="toc_ttl.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="h1.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="icon_hatakeyama.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="eyecatch.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="img_hatakeyama.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="img_last.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="h1.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="eyecatch.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="icon_inui.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="icon_muta.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="icon_shouji.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="icon_youkawa.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="img_inui.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="img_shouji.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="img_last.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="img_youkawa.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="img01.jpg" server="onoff02.source.co.jp" local="132150566500000000" remote="132152254200000000" Dst="0" />
<file name="img02.jpg" server="onoff02.source.co.jp" local="132152253006056579" remote="132152254200000000" Dst="0" />
<file name="img03.jpg" server="onoff02.source.co.jp" local="132152253664757945" remote="132152254200000000" Dst="0" />
<file name="img04.jpg" server="onoff02.source.co.jp" local="132152253609186896" remote="132152254200000000" Dst="0" />
<file name="img06.jpg" server="onoff02.source.co.jp" local="132152253424103687" remote="132152254200000000" Dst="0" />
<file name="img05.jpg" server="onoff02.source.co.jp" local="132152253541990206" remote="132152254200000000" Dst="0" />
<file name="img07.jpg" server="onoff02.source.co.jp" local="132152253128424855" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="h1.png" server="onoff02.source.co.jp" local="132151735740000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="search01.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="h1.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search03.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search02.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search04.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search06.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search05.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search07.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search08.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search09.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search10.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search_service.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="search_machine.png" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="detail01_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail01_img001.jpg" server="onoff02.source.co.jp" local="132146609020000000" remote="132152254200000000" Dst="0" />
<file name="detail01_img003.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail01_img004.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail02_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail02_img003.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail02_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail02_img004.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail02_img006.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail02_img005.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail02_img007.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail03_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail04_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail04_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail05_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail05_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail06_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail06_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail07_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail07_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail08_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail08_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail09_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail09_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail10_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail11_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail12_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail12_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail13_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail13_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail14_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail16_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail15_img002.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail17_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail18_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail19_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
<file name="detail20_img001.jpg" server="onoff02.source.co.jp" local="132144626200000000" remote="132152254200000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.