body { background-position: center 47%;}
/*for_W640-*/
@media all and (min-width: 640px) {
body { background-position: center 52%;}
}

/*	header
============================== */
/*copy*/
#copy { display: block; width: 96%; max-width: 1000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); z-index: 1100;}
#copy #copy_txt { display: block; width: 100%; height: 0; padding-top: 56.777251184834123%; padding-top: -webkit-calc(761 / 2630 * 100%); padding-top: calc(761 / 2630 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/copy_en.png); opacity: 0; -webkit-animation: title_come 300ms linear forwards; animation: title_come 300ms linear forwards; animation-delay: 300ms; margin-top: 1.5em;}
/*for_W960-*/
@media all and (min-width: 960px) {
#copy { width: 98%; max-width: 1280px;}
}

/*	concept
============================== */
#concept .cont { line-height: 160%; margin: 5em auto 5em auto;}
#concept .cont p { padding: .5em 0 .75em 0;}
/*for_W768-*/
@media all and (min-width: 768px) {
#concept .cont { width: 50%; font-size: 130%; margin: -5em 0 6em 30%;}
#concept .cont p { padding: .5em 0 1em 0;}
}
/*for_W960-*/
@media all and (min-width: 960px) {
#concept .cont { width: 60%; font-size: 140%; margin: -6em 0 8em 30%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#concept .cont { font-size: 160%; margin: -4em 0 8em 30%;}
}
/*for_W1280-*/
@media all and (min-width: 1280px) {
#concept .cont { width: 60%; font-size: 180%; margin: -3em 0 5em 25%;}
}
/*for_W1400-*/
@media all and (min-width: 1400px) {
#concept .cont { margin: -4em 0 4em 25%;}
}


/*	vision
============================== */
#vision .title_j { letter-spacing: .1em;}
#vision .cont { line-height: 170%;}
#vision .cont p { padding: 0 0 1.2em 0;}
.contact_sp .contact_txt { font-size: 110%; line-height: 190%; letter-spacing: .05em;}
/*for_W640-*/
@media all and (min-width: 640px) {
#vision .title_j { font-size: 180%;}
#vision .cont p { padding: 0 0 1em 0;}
.contact_sp .contact_txt { font-size: 130%; letter-spacing: .15em; padding-bottom: 1em;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#vision .cont { line-height: 160%;}
#vision .cont p { padding: 0 0 1.2em 0;}
.contact_sp .contact_txt { font-size: 110%; font-weight: 600;}
}
/*for_W960-*/
@media all and (min-width: 960px) {
#vision .title_j { font-size: 200%;}
.contact_sp .contact_txt { font-size: 120%;}
}
/*for_W1280-*/
@media all and (min-width: 1280px) {
#vision .title_j { font-size: 240%;}
#vision .cont p { padding: 0 0 1.5em 0;}
.contact_sp .contact_txt { font-size: 180%; letter-spacing: 0; line-height: 160%;}
}

/*	work
============================== */
/*_collabo*/
#collabo_txt { font-size: 110%;}
#collabo_set .c_title { font-size: 95%; padding: 1.5em 0 2em 0;}
/*for_W640-*/
@media all and (min-width: 640px) {
#work #work_list ul { width: 100%; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; position: absolute; top: 0; left: 0;}
#collabo_txt { letter-spacing: .15em; line-height: 160%; padding: .5em 0 1.5em 0;}
#collabo_set .c_title { font-size: 130%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#collabo_txt { padding: 1em 0 2em 0;}
#collabo_set .c_title { font-size: 140%;}
}
/*for_W960-*/
@media all and (min-width: 960px) {
#collabo_set .c_title { font-size: 170%;}
#collabo_set { margin: 2em auto 0 auto;}
}
/*for_W1280-*/
@media all and (min-width: 1280px) {
#collabo_txt { font-size: 200%; letter-spacing: .05em; line-height: 160%; padding: 1em 0 2em 0;}
#collabo_set { padding: 1em 3em 6em 3em;}
#collabo_set .c_title { font-size: 220%; padding: 1em 0;}
}

/*	footer
============================== */
#footer #sns_sp h3 { font-size: 140%; letter-spacing: .05em; padding-bottom: 1em;}