@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, hr, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
a:link, a:visited, a:active, a:hover {
border: none;
outline: none;
}
input[type="button"] {
-webkit-appearance: none;
}
td, th, td img {
vertical-align: top;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre, code, kbd, samp {
font-family: monospace, sans-serif;
}
.clickable, input[type=button], input[type=submit], button {
cursor: pointer;
outline: none;
}
button, input, select, textarea {
margin: 0;
} button {
width: auto;
overflow: visible;
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
article, aside, figure, footer, header, hgroup, nav, section {
display: block;
}
img, object, embed {
max-width: 100%;
}
html, body {
min-height: 100%;
}
html {
overflow-y: scroll;
}
pre {
white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
b, strong {
font-weight: bold;
}
select, input, textarea {
font: 99% sans-serif;
font-family: inherit;
vertical-align:middle; 
-webkit-border-radius: 0; outline: none; border: none;
}
input, select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit;
}
select {
-webkit-appearance: menulist;
cursor: pointer;
}
input[type="checkbox"] {
vertical-align: middle;
*vertical-align: baseline;
cursor: pointer;
}
input[type="button"] {
-webkit-appearance: none;
cursor: pointer;
}
input[type="radio"] {
vertical-align: middle;
-webkit-appearance: radio;
-webkit-border-radius: 10px;
cursor: pointer;
}
table {
font-size: inherit;
font: 100%;
}  article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
} audio, canvas, video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden] {
display: none;
}
input, textarea, button { 
vertical-align:middle; 
position:relative; 
margin: 0 4px 2px 0;
*margin-right:3px; 
padding: 0.25em .5em;
}
input { 
height: 24px; 
line-height: 24px;
}
.alignleft {
display: inline;
float: left; 
margin-right: 30px;
}
.alignright {
display: inline;
float: right;
margin-left: 30px;
}
.aligncenter {
margin: 0 auto;
display: block;
clear: both;
}

@media print,screen and (min-width:481px) { body {
background: #fff;
color: #2E2E2E;
font-size: 14px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.8;
cursor: auto;
}
a {
color: #007AF4;
text-decoration: none;
}
h1 a, h2 a, h3 a, h4 a {
text-decoration: none;
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
text-decoration: underline;
}
.is-pc {
display: block;
}
.is-sp {
display: none;
} #container {
height: auto;
min-height: 100%;
}
#wrapper {
overflow: hidden;
}
#main-area {
position: relative;
width: 980px;
min-height: 200px;
margin: 50px auto 100px;
} .header {
position: relative;
}
.header > div > div {
position: relative;
max-width: 1150px;
min-width: 980px;
width: 95%;
margin: 0 auto;
}
.header-main {
padding: 15px 0;
background: -moz-linear-gradient(left, #1B478D, #116E9F);
background: -webkit-linear-gradient(left, #1B478D, #116E9F);
background: linear-gradient(to right, #1B478D, #116E9F);
}
.header-main > div {
display: flex;
align-items: center;
justify-content: center;
}
.header-logo {
margin-right: auto;
}
.header-logo:hover {
opacity: .7;
}
.header-logo img {
width: 155px;
height: auto;
vertical-align: middle;
}
.header-contact {
display: inline-block;
padding: 5px 15px;
color: #1B478D;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border-radius: 30px;
background: #EBFF00;
}
.header-contact:hover {
opacity: .8;
}
.header-globalnav {
padding: 8px 0;
-moz-box-shadow: 0px 4px 4px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,.1);
box-shadow: 0px 4px 4px rgba(0,0,0,.1);
background: rgba(255,255,255,.8);
}
.header-globalnav__button {
display: none;
}
.header-globalnav__list {
height: 23px;
}
#menu-header-globalnav--sp {
display: none;
}
.header-globalnav__list > ul {
font-size: 13px;
white-space: nowrap;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.header-globalnav__list > ul::-webkit-scrollbar {
display: none;
}
.header-globalnav__list > ul > li {
position: relative;
display: inline-block;
}
.header-globalnav__list > ul > li:not(:last-child) {
margin-right: 15px;
}
.header-globalnav__list > ul > li a {
color: #000;
font-weight: bold;
text-decoration: none;
position: relative;
display: inline-block;
text-decoration: none;
}
.header-globalnav__list > ul > li:not(:first-child) a::before {
content: "｜";
position: absolute;
top: 0;
left: -15px;
color: #bdbdbd;
}
.header-globalnav__list > ul > li a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #1B478D;
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
}
.header-globalnav__list > ul > li a:hover::after {
transform: scale(1, 1);
}
.header-globalnav__list > ul > li a:hover {
color: #1B478D;
}
.header-globalnav-search__block {
display: none;
opacity: 0;
position: absolute;
top: 0;
left: 30%;
margin-left: 50px;
}
.header-globalnav-search__block > form::before {
content: '';
display: inline-block;
width: 28px;
height: 28px;
margin-top: -2px;
vertical-align: middle;
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/header-globalnav-search__button.png) no-repeat;
background-size: contain;
}
.header-globalnav-search__block > form > input {
width: 400px;
font-size: 20px;
background: inherit;
}
.header-globalnav-search__block__close {
position: absolute;
top: 3px;
right: -15px;
}
.header-globalnav-search__button {
position: absolute;
top: -2px;
right: 0;
} .hero {
display: table;
width: 100%;
margin-top: -39px;
}
.hero-front {
display: table-cell;
height: calc(535px - 25px);
padding-top: 39px;
text-align: center;
vertical-align: middle;
background: #ccc url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/hero-front.png) center;
background-size: cover;
}
.hero-secondary {
display: table-cell;
height: calc(260px - 39px);
padding-top: 39px;
color: #fff;
font-size: 28px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.hero-secondary > div {
position: relative;
max-width: 1150px;
min-width: 980px;
width: 95%;
margin: 0 auto;
}
.hero-front-block {
width: 330px;
min-height: 340px;
margin: 0 auto;
padding: 8px 12px 14px;
background: #1B478D;
opacity: .9;
}
.hero-front-block__img {
margin-bottom: 30px;
padding-top: 80px;
text-align: center;
}
.hero-front-block__text {
margin-bottom: 50px;
text-align: center;
font-size: 14px;
color: #fff;
}
.hero-front-block__link {
text-align: right;
}
.hero-front-block__link > a {
display: inline-block;
position: relative;
margin-right: 30px;
text-align: right;
font-size: 10px;
color: #fff;
text-decoration: none;
}
.hero-front-block__link > a:hover {
text-decoration: underline;
}
.hero-front-block__link > a::before {
content: '';
width: 21px;
height: 21px;
border: 1px solid #fff ;
border-radius: 50%;
position: absolute;
top: 50%;
right: -30px;
margin-top: -12px;
}
.hero-front-block__link > a::after {
content: '';
width: 9px;
height: 9px;
border: 0;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
position: absolute;
top: 50%;
right: -21px;
margin-top: -6px;
transform: rotate(45deg);
}  .front-nav {
position: relative;
-moz-box-shadow: 0px 4px 4px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,.1);
box-shadow: 0px 4px 4px rgba(0,0,0,.1);
z-index: 1;
}
.front-nav > ul {
display: flex;
justify-content: space-between;
max-width: 890px;
width: 90%;
margin: 0 auto;
padding: 15px 0;
}
.front-nav__link > a {
position: relative;
display: block;
min-width: 200px;
padding: 30px 0 22px;
text-align: center;
font-size: 14px;
color: #707070;
text-decoration: none;
line-height: 1.4;
}
.front-nav__link > a:hover {
opacity: .7;
}
.front-nav__link > a::before {
content: '';
display: block;
width: 30px;
height: 24px;
position: absolute;
top: 0;
left: calc( 50% - 15px );
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-nav__ico01.png);
}
.front-nav__link:nth-of-type(2) > a::before {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-nav__ico02.png);
}
.front-nav__link:nth-of-type(3) > a::before {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-nav__ico03.png);
}
.front-nav__link > a::after {
content: '';
display: block;
position: absolute;
width: 13px;
height: 13px;
bottom: 0;
left: calc( 50% + 1px );
border-top: 1px solid #1B478D;
border-right: 1px solid #1B478D;
transform: translateX(-50%) rotate(135deg);
}
.front-nav__link > a > span {
font-size: 18px;
font-weight: bold;
color: #1B478D;
} .front-news {
position: relative;
padding: 110px 0 45px;
}
.front-news > div {
width: 895px;
margin: 0 auto;
}
.front-news__ttl {
margin-bottom: 40px;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #1B478D;
}
.front-news__list > li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #707070;
}
.front-news__list > li > a {
font-size: 14px;
font-weight: bold;
color: #006CEA;
text-decoration: none;
}
.front-news__list > li > a:hover {
text-decoration: underline;
} .front-card {
position: relative;
padding: 60px 0  80px;
}
.front-card > div {
overflow: hidden;
}
.front-card__list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.front-card__list > li {
position: relative;
width: 320px;
background: #fff;
}
.front-card__list > li:not(:first-child):hover {
opacity: .7;
cursor: pointer;
}
.front-card__list > li:nth-of-type( n + 4 ) {
margin-top: 20px;
}
.front-card__list > li > a {
font-size: 14px;
font-weight: bold;
color: #007AF4;
text-decoration: none;
}
.front-card__list > li > a:hover {
text-decoration: underline;
}
.front-card__list__img {
margin-bottom: 10px;
font-size: 0;
} .front-intro {
width: 971px;
margin: 0 auto 160px;
}
.front-intro__block {
padding-top: 85px;
}
.front-intro__block:not(:last-child) {
padding-bottom: 85px;
}
.front-intro__block__ttl {
position: relative;
margin-bottom: 100px;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.front-intro__block__ttl::after {
position: absolute;
bottom: -8px;
left: calc( 50% - 24px );
content: '';
width: 48px;
height: 3px;
background: #1B478D;
}
.front-intro__block__ttl > span {
font-size: 28px;
color: #1B478D;
}
.front-intro__block__txt {
position: relative;
margin-bottom: 75px;
padding: 20px 310px 20px 40px;
border-left: 1px solid #1B478D;
font-size: 14px;
}
.front-intro__block__txt::before {
content: '';
display: block;
width: 26px;
height: 23px;
position: absolute;
top: 0;
left: 11px;
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__ico01.png);
}
.front-intro__block:nth-of-type(2) > .front-intro__block__txt::before {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__ico02.png);
}
.front-intro__block:nth-of-type(3) > .front-intro__block__txt::before {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__ico03.png);
}
.front-intro__block__txt::after {
content: '';
display: block;
width: 280px;
height: 181px;
position: absolute;
top: -34px;
right: 0;
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__img01.png);
}
.front-intro__block:nth-of-type(2) > .front-intro__block__txt::after {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__img02.png);
}
.front-intro__block:nth-of-type(3) > .front-intro__block__txt::after {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__img03.png);
}
.front-intro__block__list {
display: flex;
justify-content: space-between;
}
.front-intro__block__list > li {
display: table;
width: 309px;
height: 192px;
border-radius: 8px;
}
.front-intro__block__list > li:hover {
opacity: .7;
cursor: pointer;
}
.front-intro__block:nth-of-type(1) > .front-intro__block__list > li:nth-of-type(1) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img01.png);
}
.front-intro__block:nth-of-type(1) > .front-intro__block__list > li:nth-of-type(2) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img02.png);
}
.front-intro__block:nth-of-type(1) > .front-intro__block__list > li:nth-of-type(3) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img03.png);
}
.front-intro__block:nth-of-type(2) > .front-intro__block__list > li:nth-of-type(1) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img04.png);
}
.front-intro__block:nth-of-type(2) > .front-intro__block__list > li:nth-of-type(2) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img05.png);
}
.front-intro__block:nth-of-type(2) > .front-intro__block__list > li:nth-of-type(3) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img06.png);
}
.front-intro__block:nth-of-type(3) > .front-intro__block__list > li:nth-of-type(1) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img07.png);
}
.front-intro__block:nth-of-type(3) > .front-intro__block__list > li:nth-of-type(2) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img08.png);
}
.front-intro__block:nth-of-type(3) > .front-intro__block__list > li:nth-of-type(3) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img09.png);
}
.front-intro__block__list > li > a {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 18px;
text-decoration: none;
} .linktodlpage-block {
display: table;
margin-bottom: 120px;
padding: 30px 60px;
background: #F7F7F7;
box-sizing: border-box;
}
.linktodlpage-block__txt {
display: table-cell;
width: 600px;
color: #000;
font-size: 16px;
}
.linktodlpage-block__btn {
display: table-cell;
margin-top: 16px;
padding-left: 45px;
letter-spacing: -1px;
vertical-align: middle;
}
.linktodlpage-block__btn > a {
padding: 12px 30px;
background: #1B478D;
border-radius: 25px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.linktodlpage-block__btn > a:hover {
opacity: .7;
} .wanttomake-block {
padding: 60px 0 160px;
}
.wanttomake-block__ttl {
padding: 10px 0;
background: #1B478D;
text-align: center;
font-size: 36px;
font-weight: bold;
color: #fff;
}
.wanttomake-block-inner {
position: relative;
min-height: 295px;
padding: 30px 40px 30px 435px;
box-sizing: border-box;
border: 1px dotted #1B478D;
border-width: 0 1px 1px;
}
.wanttomake-block-inner::before {
content: '';
display: block;
width: 368px;
height: 235px;
position: absolute;
top: 30px;
left: 35px;
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/wanttomake-block__img_01.png);
}
.wanttomake-block-inner__txt {
margin-bottom: 20px;
font-size: 14px;
color: #000;
}
.wanttomake-block-inner__contactbtn {
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
.wanttomake-block-inner__contactbtn > a {
display: inline-block;
padding: 12px 50px;
background: #EBFF00;
border-radius: 50px;
font-size: 18px;
font-weight: bold;
color: #1B478D;
text-decoration: none;
}
.wanttomake-block-inner__contactbtn > a:hover {
opacity: .7;
}
.wanttomake-block-inner__link {
margin-bottom: 5px;
text-align: center;
}
.wanttomake-block-inner__link > a {
font-size: 18px;
font-weight: bold;
color: #007AF4;
text-decoration: none;
}
.wanttomake-block-inner__link > a:hover {
text-decoration: underline;
} .article {
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.article__item {
width: 318px;
margin-bottom: 40px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.article__item:nth-child(3n+2):last-child {
margin-left: auto;
margin-right: 35%;
}
.article__item__photo {
width: 100%;
}
.article__item__photo > a {
display: block;
}
.article__item__photo > a > img {
width: 100%;
height: auto;
}
.article__item__description {
margin-bottom: 12px;
font-size: 12px;
font-weight: bold;
color: #121212;
}
.article__item__tag {
margin-bottom: 10px;
}
.article__item__tag > li {
display: inline-block;
padding: 1px 5px;
background: #E3FF0A;
font-size: 12px;
font-weight: bold;
margin-right: 10px;
margin-bottom: 5px;
}
.article__item__tag > li > a {
color: #121212;
text-decoration: none;
}
.article__item__tag > li.cat-item {
background: #1B478D;
}
.article__item__tag > li.cat-item > a {
color: #fff;
}
.article__item__txt {
margin-bottom: 20px;
font-size: 13px;
color: #707070;
}
.article__item__btn {
margin-top: auto;
}
.article__item__btn > a {
display: inline-block;
padding: 4px 30px;
background: #1B478D;
border-radius: 25px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
.article__item__btn:hover {
opacity: .7;
cursor: pointer;
}
article.post:not(.category-product) {
margin: 0 30px 100px;
}
article.post:not(.category-product) {
font-size: 18px;
}
article.post:not(.category-product) > p {
margin-bottom: 30px;
}
article.post:not(.category-product) > h2 {
margin-bottom: 30px;
color: #1B478D;
font-size: 34px;
} .ttl-page {
margin: 50px auto 0;
display: inline-block;
height: 50px;
line-height: 50px;
font-size: 16px;
font-weight: bold;
}
.ttl-page h1 a{
background: #0075c1;
display: block;
color: #fff;
box-sizing: border-box;
padding: 0 80px;
text-align: center;
text-decoration: none;
}
.ttl-page h1 a:hover{
opacity: .8;
transition: all .3s ease;
} #contents {
position: relative;
}
.single #contents h1, 
.page #contents h1 {
font-size: 24px;
line-height: 1.8em;
padding: 20px 0;
margin-bottom: 20px;
border-bottom: 4px solid #F0ECEC ;
}
.single #contents h1 a, 
.page #contents h1 a{
color: #1a1a1a;
font-weight: bold;
}
.single #contents h2, 
.page #contents h2 {
font-size: 26px;
line-height: 1.5;
padding-bottom: .25em;
margin: 2em 0 1em;
border-bottom: 2px dotted #222 ;
}
#contents .entry-meta {
margin-bottom: 30px;
display: inline-block;
color: #666;
font-size: 12px;
} #contents .wp-caption {
max-width: 100%;
height: auto;
text-align: center;
background-color: #f3f3f3;
margin: 40px 0;
}
#contents img {
max-width: 100%;
height: auto;
}
#contents .wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
#contents .wp-caption p.wp-caption-text {
font-size: 12px;
color: #666;
padding: 5px 0 10px;
margin: 0;
}
#contents .alignleft,
#contents .alignright,
#contents .aligncenter {
vertical-align: top;
padding: 0;
}
.single #contents .alignleft,
.single #contents .alignright,
.single #contents .aligncenter {
margin-top: 40px;
margin-bottom: 40px;
} #contents .metaslider {
padding-top: 90px;
position: relative;
}
#contents .metaslider:after{
content: '';
height: 2px;
width: 100%;
position: absolute;
top: 50px;
background: #F0ECEC;
}
#contents .metaslider a:hover{
transition: all 0.3s ease;
opacity: .75;
} .yarpp-related > h3 {
margin-bottom: 45px !important;
color: #1B478D;
font-size: 28px !important;
} .nav-single {
margin: 40px 0;
padding: 30px 0 60px;
}
.nav-single .prev,
.nav-single .next {
padding: 0 30px;
width: 340px;
max-height: 3em;
cursor: pointer;
transition: all 0.3s ease-in-out;
position: relative;
}
.nav-single .prev {
float: left;
}
.nav-single .next {
float: right;
text-align: right;
}
.nav-single .prev a,
.nav-single .next a {
display: block;
text-decoration: none;
}
.nav-single .prev a:before, 
.nav-single .next a:after {
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
content: "\f053";
font-weight: bold;
display: inline-block;
}
.nav-single .next a:after {
right: 0;
content: "\f054";
}
.nav-single .prev a:hover,
.nav-single .next a:hover {
text-decoration: underline;
} #contents .archive-entry {
padding: 10px 20px 0;
margin-bottom: 10px;
border-bottom: 1px solid #f0ecec;
overflow: hidden;
}
#contents .archive-entry h2, 
#contents .archive-entry h3 {
margin-bottom: 10px;
}
#contents .archive-entry h2 a, 
#contents .archive-entry h3 a {
font-weight: bold;
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
}
#contents .archive-entry .entry-meta{
padding: 0;
margin-bottom: 5px;
}
#contents .archive-entry p {
word-wrap: break-word;
overflow: auto;
position: relative;
}
#contents .archive-entry img {
float: left;
display: block;
margin: 0 20px 20px 0;
padding: 1px;
min-width: 125px;
min-height: 125px;
border: 1px solid #f0ecec;
position: relative;
}
#contents .archive-entry img:hover{
transition: all 0.3s ease;
opacity: 0.75;
z-index: 200;
} .wp-pagenavi {
clear: both;
display: block;
text-align: center;
margin: 20px 0 10px;
}
.wp-pagenavi .current,
.wp-pagenavi a {
background: #0075c1;
font-size: 12px;
width: 35px;
line-height: 3;
text-align: center;
display: inline-block;
margin: 0 5px 10px;
color: #FFF;
transition: all 0.3s ease-in-out;
}
.wp-pagenavi a {
background: #E6E6E6;
color: #333;
text-decoration: none;
}
.wp-pagenavi a:hover {
background: #0075c1;
color: #fff;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
background: none;
border: none;
margin: 0;
} #contents .fentry h3 {
margin-bottom: 10px;
}
#contents .fentry h3 a {
color: #0075c1;
font-size: 23px;
line-height: 1.5;
}
#contents .fentry .entry-meta{
padding: 0;
}
#contents .fentry img {
position: relative;
} .newico{
position: absolute;
top: 12px;
left: 22px;
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/icon-new.png) no-repeat 0 0;
width: 70px;
height: 70px;
display: block;
z-index: 100;
}
.newarc{
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/icon-new-arc.png) no-repeat 0 0;
width: 50px;
height: 50px;
}
#contents .more-link {
display: block;
text-decoration: none;
font-size: 12px;
color: #0075c1;
height: 28px;
width: 110px;
border: 2px solid #0075c1;
margin-top: 1em;
line-height: 28px;
text-align: center;
}
#contents .more-link:hover {
background: #0075c1;
color: #FFF;
transition: all 0.2s ease-in-out;
}
#contents .alink {
display: inline-block;
background: #419ca6;
width: 100%;
height: 60px;
color: #fff;
line-height: 60px;
text-align: center;
text-decoration: none;
}
#contents .alink:hover {
transition: all 0.3s ease;
opacity: 0.75;
} .adimage-area {
width: 100%;
background: #e2dede;
}
.adimage-area h3{
font-size: 20px;
font-weight: bold;
text-align: center;
color: #555;
padding: 10px 0 30px;
}
.adimage {
width: 980px;
margin: 0 auto;
padding: 30px 0 80px; 
background: #e2dede;
}
.adimage a:hover{
opacity: .75;
transition: all 0.3s ease;
} .page-fullwidth__inner {
width: 980px;
margin: 0 auto;
} .page #contents h2{
background: #f2f2f2;
border-bottom: 0;
border-left: 8px solid #0075c1;
padding: 0 0 0 1em;
height: 48px;
color: #0075c1 ;
line-height: 48px;
font-size: 18px;
margin-bottom: 20px;
}
.page #contents h3{
font-size: 16px;
font-weight: bold;
color: #1b3e7d;
margin: 30px 0 10px;
}
.page #contents strong{
display: block;
padding-bottom: .5em;
} #contents .nlist li {
list-style: disc;
margin-left: 2em;
}
#contents .sv-list {
padding-top: 20px;
}
#contents .sv-list ul {
margin-bottom: 30px;
}
#contents .sv-list li {
background: #f2f2f2;
width: 205px;
min-height: 360px;
margin: 0 20px 0 0;
padding: 10px;
box-sizing: border-box;
display: inline-block;
text-align: center;
word-wrap: break-word;
transition: all 0.3s ease;
}
#contents .sv-list li:last-child {
margin-right: 0;
}
#contents .sv-list li img {
max-width: 100%;
height: 185px;
border-radius: 4px;
margin-bottom: 10px;
}
#contents .sv-list li a {
text-align: left;
text-decoration: none;
}
#contents .sv-list li p {
text-align: left;
font-size: 13px;
line-height: 1.5;
}
#contents .sv-list li a:hover img {
transition: all 0.3s ease-in-out;
opacity: .75;
}
#contents .sv-list li:hover a{
text-decoration: underline;
}
#contents .cards li {
min-height: 320px;
} .cotactus-block {
background: linear-gradient(to right,#1b478d,#116e9f);
}
.cotactus-block > div {
position: relative;
padding: 60px 300px 60px 0;
box-sizing: border-box;
}
.cotactus-block__txt {
font-size: 18px;
color: #fff;
}
.cotactus-block__txt > span{
font-size: 36px;
}
.cotactus-block__btn {
position: absolute;
bottom: 60px;
right: 0;
}
.cotactus-block__btn > a {
display: inline-block;
padding: 10px 35px;
background: #EBFF00;
border-radius: 50px;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #1B478D;
text-decoration: none;
box-shadow: border-box;
} .footer {
width: 100%;
background: #333D4D;
overflow: hidden;
}
.footer > div {
max-width: 980px; min-width: 980px;
width: 95%;
margin: 0 auto;
}
.footer-block {
position: relative;
display: flex;
justify-content: flex-start;
margin: 70px 0 75px;
color: #fff;
font-size: 12px;
}
.footer-block__logo {
margin: -10px 80px 0 0;
}
.footer-block__logo > a {
display: block;
}
.footer-block__logo > a:hover {
opacity: .7;
}
.footer-block > .menu:not(:first-of-type) {
margin-left: 70px;
}
.footer-block > .menu a {
text-decoration: none;
color: #fff;
white-space: nowrap;
}
.footer-block > .menu a:hover {
text-decoration: underline;
}
.footer-block > .menu > li > a {
font-weight: bold;
}
.footer-block > .menu > li > ul {
margin-left: 1em;
}
.footer-block__copyright {
display: inline-block;
position: absolute;
bottom: -60px;
right: 0;
font-size: 14px;
font-weight: normal;
color: #fff;
}
}
 @media only screen and (max-width:480px) { * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #fff;
color: #2E2E2E;
font-size: 14px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.8;
cursor: auto;
}
a {
color: #1B478D;
text-decoration: none;
}
h1 a, h2 a, h3 a, h4 a {
text-decoration: none;
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
text-decoration: underline;
}
.is-pc {
display: none;
}
.is-sp {
display: block;
} #container {
height: auto;
min-height: 100%;
overflow: hidden;
}
#wrapper {
overflow: hidden;
}
#main-area {
margin: 30px 10px 60px;
position: relative;
} .header {
position: relative;
}
.header > div > div {
position: relative;
width: 100%;
padding: 0 15px;
}
.header-main {
padding: 15px 0;
background: -moz-linear-gradient(left, #1B478D, #116E9F);
background: -webkit-linear-gradient(left, #1B478D, #116E9F);
background: linear-gradient(to right, #1B478D, #116E9F);
}
.header-main > div {
display: flex;
align-items: center;
justify-content: center;
}
.header-logo {
margin-right: auto;
}
.header-logo img {
width: 110px;
height: auto;
vertical-align: middle;
}
.header-contact {
display: inline-block;
padding: 2px 10px;
color: #1B478D;
font-size: 10px;
font-weight: bold;
text-decoration: none;
border-radius: 30px;
background: #EBFF00;
}
.header-globalnav {
position: absolute;
top: 58px;
width: 100%;
height: 42px;
padding: 8px 0;
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
background: rgba(255, 255, 255, .8);
}
.header-globalnav__button {
position: absolute;
top: -6px;
left: 0;
z-index: 1;
}
.header-globalnav__button > a > img:last-child {
display: none;
}
.header-globalnav__button.open > a > img:first-child {
display: none;
}
.header-globalnav__button.open > a > img:last-child {
display: block;
}
.header-globalnav__button > a {
display: block;
padding: 5px 15px;
}
.header-globalnav__button > a > img {
vertical-align: bottom;
}
.header-globalnav__button img {
width: 28px;
height: auto;
}
.header-globalnav__list {
display: none;
position: absolute;
top: 34px;
left: 0;
width: 100%;
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
background: rgba(255, 255, 255, .9);
z-index: 99999;
}
#menu-header-globalnav--pc {
display: none;
}
.header-globalnav__list > ul > li:first-child {
border-top: 1px solid #707070;
}
.header-globalnav__list > ul > li:not(:last-child) {
border-bottom: 1px dashed #707070;
}
.header-globalnav__list > ul > li > a {
display: block;
padding: 8px 15px;
color: #2E2E2E;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.header-globalnav-search__block {
display: none;
opacity: 0;
width: 90%;
margin-left: 50px;
}
.header-globalnav-search__block > form::before {
content: '';
display: inline-block;
width: 28px;
height: 28px;
margin-top: -1px;
vertical-align: middle;
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/header-globalnav-search__button.png) no-repeat;
background-size: contain;
}
.header-globalnav-search__block > form > input {
width: 85%;
font-size: 1rem;
background: inherit;
}
.header-globalnav-search__block__close {
position: absolute;
top: 3px;
right: 15px;
}
.header-globalnav-search__button {
position: absolute;
top: -1px;
right: 15px;
} .hero {
display: table;
width: 100%;
}
.hero-front {
display: table-cell;
height: 330px;
padding-top: 42px;
text-align: center;
vertical-align: middle;
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/hero-front.png) center;
background-size: cover;
}
.hero-secondary {
display: table-cell;
height: 160px;
padding-top: 42px;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.6;
text-align: center;
vertical-align: middle;
background: #999;
}
.hero-secondary > div {
margin: 0 10px;
}
.hero-front-block {
width: 260px;
margin: 30px auto 60px;
padding: 37px 5px 5px;
background: #1B478D;
opacity: .9;
}
.hero-front-block__img {
margin-bottom: 20px;
text-align: center;
}
.hero-front-block__img > img {
width: calc(229px/1.5);
height: auto;
}
.hero-front-block__text {
margin-bottom: 30px;
text-align: center;
font-size: 12px;
color: #fff;
}
.hero-front-block__link > a {
display: block;
position: relative;
margin-right: 30px;
text-align: right;
font-size: 10px;
color: #fff;
text-decoration: none;
}
.hero-front-block__link > a::before {
content: '';
width: 15px;
height: 15px;
border: 1px solid #fff ;
border-radius: 50%;
position: absolute;
top: 50%;
right: -23px;
margin-top: -10px;
}
.hero-front-block__link > a::after {
content: '';
width: 5px;
height: 5px;
border: 0;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
position: absolute;
top: 50%;
right: -17px;
margin-top: -5px;
transform: rotate(45deg);
} .front-nav {
position: relative;
-moz-box-shadow: 0px 4px 4px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,.1);
box-shadow: 0px 4px 4px rgba(0,0,0,.1);
z-index: 1;
}
.front-nav > ul {
display: flex;
justify-content: space-between;
padding: 8px 0;
}
.front-nav > ul > li {
width: calc( 100% / 3 );
}
.front-nav__link > a {
position: relative;
display: block;
padding: 20px 0 18px;
text-align: center;
font-size: 10px;
color: #707070;
text-decoration: none;
letter-spacing: -0.5px;
line-height: 1.4;
}
.front-nav__link > a::before {
content: '';
display: block;
width: 20px;
height: 16px;
position: absolute;
top: 0;
left: calc( 50% - 8px );
background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-nav__ico01.png);
background-size: 20px 16px;
}
.front-nav__link:nth-of-type(2) > a::before {
background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-nav__ico02.png);
}
.front-nav__link:nth-of-type(3) > a::before {
background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-nav__ico03.png);
}
.front-nav__link > a::after {
content: '';
display: block;
position: absolute;
width: 9px;
height: 9px;
bottom: 3px;
left: calc( 50% + 1px );
border-top: 1px solid #1B478D;
border-right: 1px solid #1B478D;
transform: translateX(-50%) rotate(135deg);
}
.front-nav__link > a > span {
font-size: 12px;
font-weight: bold;
color: #1B478D;
} .front-card {
position: relative;
padding: 35px 0 25px;
background: #F5F5F5;
}
.front-card > div {
overflow: hidden;
}
.front-card__list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.front-card__list > li {
position: relative;
width: 48.38%;
}
.front-card__list > li:nth-of-type( n + 3 ) {
margin-top: 20px;
}
.front-card__list > li > a {
font-size: 12px;
font-weight: bold;
color: #007AF4;
text-decoration: none;
}
.front-card__list > li > a:hover {
text-decoration: underline;
}
.front-card__list__img {
margin-bottom: 10px;
font-size: 0;
}
.front-card__list__img > img {
width: 100%;
height: auto;
} .front-news {
position: relative;
padding: 35px 0 0;
}
.front-news > div {
margin: 0 10px;
}
.front-news__ttl {
margin-bottom: 25px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #1B478D;
}
.front-news__list {
margin: 0 10px;
}
.front-news__list > li {
border-bottom: 1px dotted #707070;
}
.front-news__list > li > a {
display: block;
padding: 15px 0;
font-size: 12px;
font-weight: bold;
color: #006CEA;
text-decoration: none;
}  .front-intro__block {
padding: 45px 10px 0;
}
.front-intro__block:last-child {
padding-bottom: 45px;
}
.front-intro__block__ttl {
position: relative;
margin-bottom: 15px;
text-align: center;
font-size: 15px;
font-weight: bold;
line-height: 26px;
}
.front-intro__block__ttl::after {
position: absolute;
bottom: -8px;
left: calc( 50% - (calc( 48px / 1.5 )/2) );
content: '';
width: calc( 48px / 1.5 );
height: calc( 5px / 1.5 );
background: #1B478D;
}
.front-intro__block__ttl > span {
font-size: 20px;
color: #1B478D;
}
.front-intro__block__txt {
position: relative;
margin-bottom: 15px;
padding: 20px 0 20px 40px;
border-left: 1px solid #1B478D;
font-size: 14px;
}
.front-intro__block__txt::before {
content: '';
display: block;
width: calc( 26px / 1.2);
height: calc( 23px / 1.2);
position: absolute;
top: 0;
left: 11px;
background-size: calc( 26px / 1.2) calc( 23px / 1.2);
}
.front-intro__block:nth-of-type(1) > .front-intro__block__txt::before {
background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__ico01.png);
}
.front-intro__block:nth-of-type(2) > .front-intro__block__txt::before {
background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__ico02.png);
}
.front-intro__block:nth-of-type(3) > .front-intro__block__txt::before {
background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__ico03.png);
}
.front-intro__block__list {
overflow: hidden;
position: relative;
}
.front-intro__block__list > li {
display: table;
float: left;
width: 49%;
height: 29.1vw;
margin-bottom: 2%;
border-radius: 8px;
}
.front-intro__block__list > li:first-of-type {
margin-left: 51%;
}
.front-intro__block__list > li:first-of-type::after {
content: '';
display: block;
width: 46.8vw;
height: 29.1vw;
position: absolute;
top: 0;
left: 0;
}
.front-intro__block:nth-of-type(1) > .front-intro__block__list > li:first-of-type::after {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__img01.png) no-repeat;
background-size: contain;
}
.front-intro__block:nth-of-type(2) > .front-intro__block__list > li:first-of-type::after {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__img02.png) no-repeat;
background-size: contain;
}
.front-intro__block:nth-of-type(3) > .front-intro__block__list > li:first-of-type::after {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__txt__img03.png) no-repeat;
background-size: contain;
}
.front-intro__block__list > li:nth-child(2n) {
margin-right: 2%;
}
.front-intro__block:nth-of-type(1) > .front-intro__block__list > li:nth-of-type(1) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img01.png) no-repeat;
background-size: cover;
}
.front-intro__block:nth-of-type(1) > .front-intro__block__list > li:nth-of-type(2) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img02.png) no-repeat;
background-size: cover;
}
.front-intro__block:nth-of-type(1) > .front-intro__block__list > li:nth-of-type(3) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img03.png) no-repeat;
background-size: cover;
}
.front-intro__block:nth-of-type(2) > .front-intro__block__list > li:nth-of-type(1) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img04.png) no-repeat;
background-size: cover;
}
.front-intro__block:nth-of-type(2) > .front-intro__block__list > li:nth-of-type(2) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img05.png) no-repeat;
background-size: cover;
}
.front-intro__block:nth-of-type(2) > .front-intro__block__list > li:nth-of-type(3) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img06.png) no-repeat;
background-size: cover;
}
.front-intro__block:nth-of-type(3) > .front-intro__block__list > li:nth-of-type(1) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img07.png) no-repeat;
background-size: cover;
}
.front-intro__block:nth-of-type(3) > .front-intro__block__list > li:nth-of-type(2) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img08.png) no-repeat;
background-size: cover;
}
.front-intro__block:nth-of-type(3) > .front-intro__block__list > li:nth-of-type(3) {
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/front-intro__block__list__img09.png) no-repeat;
background-size: cover;
}
.front-intro__block__list > li > a {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 12px;
text-decoration: none;
} .linktodlpage-block {
margin-bottom: 60px;
padding: 18px 10px;
background: #F7F7F7;
box-sizing: border-box;
}
.linktodlpage-block__txt {
margin-bottom: 20px;
color: #000;
font-size: 14px;
}
.linktodlpage-block__btn {
text-align: center;
}
.linktodlpage-block__btn > a {
padding: 6px 20px;
background: #1B478D;
border-radius: 25px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
} .wanttomake-block {
padding: 60px 0;
}
.wanttomake-block__ttl {
padding: 10px 0;
background: #1B478D;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.wanttomake-block-inner {
position: relative;
min-height: 295px;
padding: calc( calc( 235px / 2 ) + 25px ) 10px 30px;
box-sizing: border-box;
border: 1px dotted #1B478D;
border-width: 0 1px 1px;
}
.wanttomake-block-inner::before {
content: '';
display: block;
width: calc( 368px / 2 );
height: calc( 235px / 2 );
position: absolute;
top: 10px;
left: calc( 50% - calc( 368px / 2 )/2 );
background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/wanttomake-block__img_01.png);
background-size: calc( 368px / 2 ) calc( 235px / 2 );
}
.wanttomake-block-inner__txt {
margin-bottom: 25px;
font-size: 12px;
color: #000;
}
.wanttomake-block-inner__contactbtn {
margin-bottom: 10px;
text-align: center;
}
.wanttomake-block-inner__contactbtn > a {
display: inline-block;
padding: 8px 15px;
background: #EBFF00;
border-radius: 50px;
font-size: 13px;
font-weight: bold;
color: #1B478D;
text-decoration: none;
}
.wanttomake-block-inner__contactbtn > a:hover {
opacity: .7;
}
.wanttomake-block-inner__link {
text-align: center;
}
.wanttomake-block-inner__link > a {
font-size: 13px;
font-weight: bold;
color: #007AF4;
text-decoration: none;
}
.wanttomake-block-inner__link > a:hover {
text-decoration: underline;
} .article {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.article img {
width: 100%;
}
.article__item {
width: calc( 50% - 5px );
margin-bottom: 30px;
}
.article__item__photo {
margin-bottom: 10px;
font-size: 0;
}
.article__item__photo > a {
display: block;
}
.article__item__photo > a > img {
width: 100%;
height: auto;
}
.article__item__description {
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
color: #121212;
}
.article__item__tag {
margin-bottom: 10px;
}
.article__item__tag > li {
display: inline-block;
padding: 1px 5px;
background: #E3FF0A;
font-size: 10px;
font-weight: bold;
margin-right: 10px;
margin-bottom: 5px;
}
.article__item__tag > li > a {
color: #121212;
text-decoration: none;
}
.article__item__tag > li.cat-item {
background: #1B478D;
}
.article__item__tag > li.cat-item > a {
color: #fff;
}
.article__item__txt {
margin-bottom: 15px;
font-size: 13px;
color: #707070;
}
.article__item__btn > a {
display: inline-block;
padding: 4px 30px;
background: #1B478D;
border-radius: 25px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
article.post {
margin: 0 10px 60px;
}
article.category-product {
margin: 0;
}
article.post:not(.category-product) > p {
margin-bottom: 20px;
}
article.post:not(.category-product) > h2 {
margin-bottom: 20px;
color: #1B478D;
font-size: 20px;
} .ttl-page {
margin: 20px auto 0;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 12px;
font-weight: bold;
}
.ttl-page h1 a{
background: #0075c1;
display: block;
color: #fff;
box-sizing: border-box;
padding: 0 10px;
text-align: center;
text-decoration: none;
}
.ttl-page h1 a:hover{
opacity: .8;
transition: all .3s ease;
} #contents {
position: relative;
}
.single #contents h1, 
.page #contents h1 {
font-size: 18px;
line-height: 1.5em;
padding: 10px 0;
margin-bottom: 10px;
border-bottom: 4px solid #F0ECEC ;
}
.single #contents h1 a, 
.page #contents h1 a{
color: #1a1a1a;
font-weight: bold;
}
.single #contents h2, 
.page #contents h2 {
font-size: 20px;
line-height: 1.5;
padding-bottom: .25em;
margin: 1em 0 ;
border-bottom: 2px dotted #222 ;
}
#contents .entry-meta {
margin-bottom: 20px;
font-size: 12px;
display: inline-block;
color: #666;
}
.single #contents p, 
.page #contents p {
margin-bottom: 1em;
}
#contents .wp-caption {
max-width: 100%;
height: auto;
text-align: center;
background-color: #f3f3f3;
margin: 20px 0;
}
#contents img {
max-width: 100%;
height: auto;
}
#contents .wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
#contents .wp-caption p.wp-caption-text {
font-size: 12px;
color: #666;
padding: 5px 10px 10px;
margin: 0;
}
#contents .alignleft,
#contents .alignright,
#contents .aligncenter {
vertical-align: top;
padding: 0;
}
#contents .alignleft,
#contents .alignright {
float: none;
margin-left: 0;
margin-right: 0;
display: inline-block;
}
.single #contents .alignleft,
.single #contents .alignright,
.single #contents .aligncenter {
margin-top: 20px;
margin-bottom: 20px;
} #contents .metaslider {
padding-top: 25px;
position: relative;
}
#contents .metaslider:after{
content: "";
height: 2px;
width: 100%;
position: absolute;
top: 0;
background: #F0ECEC;
}
#contents .metaslider a:hover{
transition: all 0.3s ease;
opacity: .75;
} .yarpp-related > h3 {
margin-bottom: 20px !important;
color: #1B478D;
font-size: 18px !important;
} .nav-single {
padding: 20px 0 60px;
}
.nav-single .prev,
.nav-single .next {
padding: 0 20px;
width: 50%;
cursor: pointer;
transition: all 0.3s ease-in-out;
position: relative;
}
.nav-single .prev {
float: left;
}
.nav-single .next {
float: right;
text-align: right;
}
.nav-single .prev a,
.nav-single .next a {
display: block;
font-size: 12px;
text-decoration: none;
}
.nav-single .prev a:before, 
.nav-single .next a:after {
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
content: "\f053";
font-weight: bold;
display: inline-block;
}
.nav-single .next a:after {
right: 0;
content: "\f054";
}
.nav-single .prev a:hover,
.nav-single .next a:hover {
text-decoration: underline;
} #contents .archive-entry {
padding: 10px 20px;
margin-bottom: 10px;
border-bottom: 1px solid #f0ecec;
overflow: hidden;
}
#contents .archive-entry h2, 
#contents .archive-entry h3 {
margin-bottom: 10px;
}
#contents .archive-entry h2 a, 
#contents .archive-entry h3 a {
font-weight: bold;
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
}
#contents .archive-entry .entry-meta{
padding: 0;
margin-bottom: 5px;
}
#contents .archive-entry p {
word-wrap: break-word;
position: relative;
}
#contents .archive-entry img {
display: block;
margin: 0 0 20px;
padding: 1px;
min-width: 125px;
width: 100%;
min-height: 125px;
border: 1px solid #f0ecec;
position: relative;
}
#contents .archive-entry img:hover{
transition: all 0.3s ease;
opacity: 0.75;
z-index: 200;
} .wp-pagenavi {
clear: both;
display: block;
text-align: center;
margin: 20px 0 10px;
}
.wp-pagenavi .current,
.wp-pagenavi a {
background: #0075c1;
font-size: 12px;
width: 35px;
line-height: 3;
text-align: center;
display: inline-block;
margin: 0 5px 10px;
color: #FFF;
transition: all 0.3s ease-in-out;
}
.wp-pagenavi a {
background: #E6E6E6;
color: #333;
text-decoration: none;
}
.wp-pagenavi a:hover {
background: #0075c1;
color: #fff;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
background: none;
border: none;
margin: 0;
} .home .tab-content.is_show {
padding-bottom: 0;
}
#contents .fentry h3 a {
color: #0075c1;
font-size: 16px;
line-height: 1.5;
}
#contents .fentry .entry-meta{
padding: 0;
}
#contents .fentry img {
position: relative;
} .newico{
position: absolute;
top: 12px;
left: 22px;
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/icon-new-arc.png) no-repeat 0 0;
width: 50px;
height: 50px;
display: block;
z-index: 100;
}
.newarc{
background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/icon-new-arc.png) no-repeat 0 0;
width: 50px;
height: 50px;
}
#contents .more-link {
display: block;
text-decoration: none;
font-size: 12px;
color: #0075c1;
width: 100%;
border: 2px solid #0075c1;
margin-top: 1em;
line-height: 28px;
text-align: center;
}
#contents .more-link:hover {
background: #0075c1;
color: #FFF;
transition: all 0.2s ease-in-out;
}
#contents .alink {
display: inline-block;
background: #419ca6;
width: 100%;
height: 60px;
color: #fff;
line-height: 60px;
text-align: center;
text-decoration: none;
}
#contents .alink:hover {
transition: all 0.3s ease;
opacity: 0.75;
} .adimage-area {
width: 100%;
background: #e2dede;
}
.adimage-area h3{
font-size: 13px;
font-weight: bold;
text-align: center;
color: #555;
padding: 10px 0;
}
.adimage {
width: 100%;
margin: 0 auto;
padding: 10px 0 40px; 
background: #e2dede;
}
.adimage a:hover{
opacity: .75;
transition: all 0.3s ease;
} .page-fullwidth__inner {
margin: 0 10px;
} .page #contents h2{
background: #f2f2f2;
border-bottom: 0;
border-left: 8px solid #0075c1;
padding: 0 0 0 1em;
height: 40px;
color: #0075c1 ;
line-height: 40px;
font-size: 18px;
margin-bottom: 10px;
}
.page #contents h3{
font-size: 16px;
font-weight: bold;
color: #1b3e7d;
margin: 30px 0 10px;
}
.page #contents strong{
display: block;
padding: 1em 0 .5em;
}
.page #contents iframe{
max-width: 100%;
height: 300px;
}
#contents .2clm {
text-align: center;
} #contents .nlist li {
list-style: disc;
margin-left: 2em;
}
#contents .sv-list {
padding-top: 20px;
}
#contents .sv-list ul {
margin-bottom: 30px;
}
#contents .sv-list li {
background: #f2f2f2;
width: 46%;
min-height: 380px;
margin: 0 5px 10px;
padding: 10px;
box-sizing: border-box;
display: inline-block;
text-align: center;
word-wrap: break-word;
transition: all 0.3s ease;
}
#contents .sv-list li:last-child {
margin-right: 0;
}
#contents .sv-list li img {
max-width: 100%;
height: 185px;
border-radius: 4px;
margin-bottom: 10px;
}
#contents .sv-list li a {
text-align: left;
text-decoration: none;
}
#contents .sv-list li p {
text-align: left;
font-size: 12px;
line-height: 1.5;
}
#contents .sv-list li a:hover img {
transition: all 0.3s ease-in-out;
opacity: .75;
}
#contents .sv-list li:hover a{
text-decoration: underline;
}
#contents .cards li {
min-height: 260px;
} .footer {
width: 100%;
background: #333D4D;
overflow: hidden;
}
.footer > div {
margin: 0 10px;
}
.footer-block {
padding: 20px 0 5px;
color: #fff;
font-size: 9px;
}
.footer-block__logo {
margin-bottom: 15px;
}
.footer-block__logo > a {
display: inline-block;
}
.footer-block__logo > a > img {
width: calc(154px/1.5);
height: auto;
vertical-align: bottom;
}
.footer-block > .menu li {
line-height: 2.2;
}
.footer-block > .menu a {
text-decoration: none;
color: #fff;
white-space: nowrap; }
.footer-block > .menu:nth-of-type(1) {
float: left;
width: 50%;
min-height: 500px;
margin-right: 1em;
}
@media only screen and (max-width:320px) {
.footer-block > .menu:nth-of-type(1) {
float: none;
width: auto;
margin-right: 0;
}
}
.footer-block > .menu > li > a {
font-weight: bold;
}
.footer-block > .menu > li > ul {
margin-left: .3em;
}
.footer-block__copyright {
margin-top: 15px;
color: #fff;
font-size: 9px;
font-weight: normal;
text-align: right;
} .cotactus-block {
background: linear-gradient(to right,#1b478d,#116e9f);
}
.cotactus-block > div {
padding: 30px 5px;
}
.cotactus-block__txt {
margin-bottom: 20px;
font-size: 14px;
color: #fff;
}
.cotactus-block__txt > span{
font-size: 20px;
}
.cotactus-block__btn {
text-align: center;
}
.cotactus-block__btn > a {
display: inline-block;
margin: 0 auto;
padding: 8px 30px;
background: #EBFF00;
border-radius: 50px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #1B478D;
text-decoration: none;
box-shadow: border-box;
} }










 


/**
 * about (会社概要)
 */

/**
 * c-about-top
 */
.c-about-top {
  margin: 50px auto 100px;
}
.c-about-top__ttl {
  font-size: 36px;
  color: #1B478D;
}
.c-about-top__sttl {
  margin-bottom: 30px;
  font-size: 20px;
  color: #707070;
}
.c-about-top__copy {
  margin: 20px 0;
  font-size: 30px;
  color: #1B478D;
}
.c-about-top__txt {
  font-size: 16px;
  color: #707070;
}
.c-about-top__txt > a {
  text-decoration: none;
  color: #007AF4;
}
.c-about-top__txt > a:hover {
  text-decoration: underline;
}
.c-about-top__txt + .c-about-top__txt {
  margin-top: 20px;
}

/**
 * c-about-ceo
 */
.c-about-ceo {
  margin-bottom: 80px;
  padding: 60px 0;
  background: #eee;
  box-sizing: border-box;
  overflow: hidden;
}
.c-about-ceo__photo {
  float: left;
  display: block;
  width: 230px;
  margin: 0 30px 15px 0;
}
.c-about-ceo__photo > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.c-about-ceo__name {
  margin-bottom: 1em;
  color: #707070;
  font-size: 18px;
  line-height: 1.4;
}
.c-about-ceo__name > span {
  font-size: 13px;
}
.c-about-ceo__txt {
  font-size: 13px;
  color: #707070;
}
.c-about-ceo__txt + .c-about-ceo__txt {
  margin-top: 20px;
}

/**
 * c-about-profile
 */
.c-about-profile {
  margin-bottom: 100px;
}
.c-about-profile__ttl {
  margin-bottom: 10px;
  font-size: 36px;
  color: #1B478D;
}
.c-about-profile > dl {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #E2E2E2;
  border-width: 1px 0 0;
}
.c-about-profile > dl > dt {
  width: 210px;
  padding: 20px 0 20px 50px;
  color: #2E2E2E;
  font-size: 18px;
  font-weight: bold;
  box-sizing: border-box;
  border: 1px solid #E2E2E2;
  border-width: 0 0 1px;
}
.c-about-profile > dl > dd {
  width: 770px;
  padding: 20px 50px 20px 0;
  color: #2E2E2E;
  font-size: 18px;
  box-sizing: border-box;
  border: 1px solid #E2E2E2;
  border-width: 0 0 1px;
}


/**
 * c-about-access
 */
.c-about-access {
  margin-bottom: 100px;
  overflow: hidden;
}
.c-about-access__ttl {
  margin-bottom: 10px;
  font-size: 36px;
  color: #1B478D;
}
.c-about-access__address {
  font-size: 14px;
  color: #707070;
}
.c-about-access__address__indent {
  margin-left: 3em;
  color: #707070;
}
.c-about-access__photo {
  float: right;
  display: block;
  width: 360px;
  margin-bottom: 65px;
}
.c-about-access__photo > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}


@media only screen and (max-width:480px) {

  .c-about-top {
    margin: 30px auto;
  }
  .c-about-top__ttl {
    font-size: 20px;
  }
  .c-about-top__sttl {
    margin-bottom: 20px;
    font-size: 12px;
  }
  .c-about-top__copy {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .c-about-top__txt {
    font-size: 14px;
  }

  .c-about-ceo {
    margin-bottom: 30px;
    padding: 30px 0;
  }
  .c-about-ceo__photo {
    width: calc(230px/1.5);
    margin: 0 15px 10px 0;
  }

  .c-about-profile {
    margin-bottom: 60px;
  }
  .c-about-profile__ttl {
    font-size: 20px;
  }
  .c-about-profile > dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #E2E2E2;
    border-width: 1px 0 0;
  }
  .c-about-profile > dl > dt {
    width: 25%;
    padding: 10px 0;
    font-size: 14px;
  }
  .c-about-profile > dl > dd {
    width: 75%;
    padding: 10px 0;
    font-size: 14px;
  }

  .c-about-access {
    margin-bottom: 60px;
  }
  .c-about-access__ttl {
    font-size: 20px;
  }
  .c-about-access__address {
    font-size: 13px;
  }
  .c-about-access__address:last-of-type {
    margin-bottom: 30px;
  }
  .c-about-access__address__indent {
    margin-left: 0;
    font-size: 13px;
  }
  .c-about-access__photo {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .c-about-access__photo img {
    width: 100%;
  }

}



/**
 * c-dl (ダウンロードページ)
 */
.c-dl-top {
  padding: 65px 0 105px;
}
.c-dl-top__ttl {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-dl-top__ttl::before {
  content: '';
  display: block;
  width: 48px;
  height: 4px;
  position: absolute;
  bottom: -8px;
  left: calc( 50% - 24px );
  background: #1B478D;
}
.c-dl-top__txt {
  font-size: 14px;
  color: #2E2E2E;
}


.c-dl-block {
  margin-bottom: 60px;
}
.c-dl-block > li:not(:last-child) > div {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #C4C4C4;
}
.c-dl-block__ttl {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
  line-height: 39px;
}
.c-dl-block__ttl:before {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: -13px;
  left: 0;
  background: #1B478D;
}
.c-dl-block > li > div > div {
  overflow: hidden;
}
.c-dl-block__img_01 {
  float: left;
  font-size: 0;
}
.c-dl-block__list {
  margin-left: 355px;
}
.c-dl-block__list > li > a {
  font-size: 18px;
  font-weight: bold;
  color: #007AF4;
  text-decoration: none;
}
.c-dl-block__list > li > a:hover {
  text-decoration: underline;
}


/**
 * c-dl-block_pattern02
 */
.c-dl-block.c-dl-block_pattern02 {
  margin-bottom: 0;
  padding: 60px 0;
  background: #FFFEEE;
}
.c-dl-block__txt {
  margin-bottom: 40px;
  font-size: 14px;
  color: #2E2E2E;
}
.c-dl-block__txt > span {
  font-size: 12px;
}
.c-dl-block > li > div > div:not(:last-of-type) {
  margin-bottom: 40px;
}
.c-dl-block-side {
  margin-left: 355px;
}
.c-dl-block-side__ttl {
  font-size: 18px;
  font-weight: bold;
  color: #1B478D;
}
.c-dl-block-side__txt {
  font-size: 14px;
  color: #000;
}
.c-dl-block-side__list > li > a {
  font-size: 18px;
  font-weight: bold;
  color: #007AF4;
  text-decoration: none;
}
@media only screen and (max-width:480px) {
  .c-dl-top {
    padding: 25px 0 50px;
  }
  .c-dl-top__ttl {
    margin-bottom: 35px;
    font-size: 18px;
  }
  .c-dl-top__ttl::before {
    width: calc(48px/1.5);
    height: calc(5px/1.5);
    bottom: -8px;
    left: calc( 50% - calc( calc(48px/1.5) / 2 ) );
  }
  .c-dl-top__txt {
    font-size: 14px;
  }
  .c-dl-block {
    margin-bottom: 30px;
  }
  .c-dl-block > li:not(:last-child) > div {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .c-dl-block__ttl {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }
  .c-dl-block__ttl:before {
    width: calc(50px/1.5);
    height: 3px;
    bottom: -8px;
  }
  .c-dl-block__img_01 {
    width: calc( 300px / 1.5 );
    margin-bottom: 5px;
  }
  .c-dl-block__list {
    float: right;
    width: calc(( 100% - 10px ) - calc( 300px / 1.5 ));
    margin-left: 0;
  }
  .c-dl-block__list > li > a {
    font-size: 14px;
  }
  .c-dl-block__list > li > a:hover {
    text-decoration: none;
  }

  /**
   * c-dl-block_pattern02
   */
  .c-dl-block.c-dl-block_pattern02 {
    margin-bottom: 0;
    padding: 30px 0;
    background: #FFFEEE;
  }
  .c-dl-block__txt {
    margin-bottom: 30px;
    font-size: 14px;
  }
  .c-dl-block > li > div > div:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .c-dl-block-side {
    float: right;
    width: calc(( 100% - 10px ) - calc( 300px / 1.5 ));
    margin-left: 0;
  }
  .c-dl-block-side__ttl {
    font-size: 14px;
  }
  .c-dl-block-side__txt {
    font-size: 11px;
  }
  .c-dl-block-side__list > li > a {
    font-size: 14px;
  }
}



/**
 * c-en (english)
 */



/**
 * c-en-top
 */
.c-en-top {
  margin: 50px auto 100px;
}
.c-en-top__ttl {
  font-size: 36px;
  color: #1B478D;
}
.c-en-top__copy {
  margin: 20px 0;
  font-size: 30px;
  color: #1B478D;
}
.c-en-top__txt {
  font-size: 16px;
  color: #707070;
}
.c-en-top__txt + .c-en-top__txt {
  margin-top: 20px;
}
@media only screen and (max-width:480px) {
  .c-en-top {
    margin: 30px auto;
  }
  .c-en-top__ttl {
    font-size: 20px;
  }
  .c-en-top__copy {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .c-en-top__txt {
    font-size: 14px;
  }
  .c-en-top__txt + .c-en-top__txt {
    margin-top: 20px;
  }
}
/**
 * c-en-ceo
 */
.c-en-ceo {
  margin-bottom: 80px;
  padding: 60px 0;
  background: #eee;
  box-sizing: border-box;
  overflow: hidden;
}
.c-en-ceo__name {
  margin-bottom: 1em;
  color: #707070;
  font-size: 18px;
  line-height: 1.4;
}
.c-en-ceo__name > span {
  font-size: 13px;
}
.c-en-ceo__photo {
  float: left;
  display: block;
  width: 230px;
  margin: 0 30px 15px 0;
}
.c-en-ceo__photo > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.c-en-ceo__txt {
  font-size: 13px;
  color: #707070;
}
.c-en-ceo__txt + .c-en-ceo__txt {
  margin-top: 20px;
}
@media only screen and (max-width:480px) {
  .c-en-ceo {
    margin-bottom: 30px;
    padding: 30px 0;
  }
  .c-en-ceo__name {
  }
  .c-en-ceo__name > span {
  }
  .c-en-ceo__photo {
    width: calc(230px/1.5);
    margin: 0 15px 10px 0;
  }
  .c-en-ceo__photo > img {
  }
  .c-en-ceo__txt {
  }
  .c-en-ceo__txt + .c-en-ceo__txt {
  }
}

/**
 * c-en-list
 */
.c-en-list > li {
  padding: 50px 0 55px;
}
.c-en-list > li:nth-child(even) {
  background: #F7F7F7;
}
.c-en-list__ttl {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-en-list__ttl::before {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: #1B478D;
}
.c-en-list__txt {
  margin-bottom: 40px;
  font-size: 14px;
  color: #000;
}
.c-en-list__txt > span {
  font-size: 12px;
}
.c-en-list__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.c-en-list__list > li {
  width: 320px;
}
.c-en-list__list > li:not(:nth-child(3n+1)) {
  margin-left: 10px;
}
.c-en-list__list > li:nth-child( n + 4 ) {
  margin-top: 35px;
}
.c-en-list__list > li > a {
  font-size: 14px;
  font-weight: bold;
  color: #007AF4;
  text-decoration: none;
}
.c-en-list__list > li > a:hover {
  text-decoration: underline;
}
.c-en-list__list > li > a > div {
  margin-bottom: 10px;
  font-size: 0;
}
@media only screen and (max-width:480px) {
  .c-en-list > li {
    padding: 25px 0;
  }
  .c-en-list__ttl {
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 1.3;
  }
  .c-en-list__ttl::before {
    content: '';
    display: block;
    width: calc( 50px / 1.5 );
    height: calc( 5px / 1.5 );
    position: absolute;
    bottom: -8px;
    left: 0;
    background: #1B478D;
  }
  .c-en-list__list {
    justify-content: space-between;
  }
  .c-en-list__list > li {
    width: calc( 50% - 5px );
  }
  .c-en-list__list > li:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}



/**
 * c-pdc (商品一覧)
 */


/**
 * c-pdc
 */
.c-pdc-block > li {
  padding: 50px 0 55px;
}
.c-pdc-block > li:nth-child(even) {
  background: #F7F7F7;
}
.c-pdc-block__ttl {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-pdc-block__ttl::before {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: #1B478D;
}
.c-pdc-block__txt {
  margin-bottom: 40px;
  font-size: 14px;
  color: #2E2E2E;
  line-height: 2;
}
.c-pdc-block__txt > span {
  font-size: 12px;
}
.c-pdc-block__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.c-pdc-block__list > li {
  width: 320px;
}
.c-pdc-block__list > li:not(:nth-child(3n+1)) {
  margin-left: 10px;
}
.c-pdc-block__list > li:nth-child( n + 4 ) {
  margin-top: 35px;
}
.c-pdc-block__list > li > a {
  font-size: 14px;
  font-weight: bold;
  color: #007AF4;
  text-decoration: none;
}
.c-pdc-block__list > li > a:hover {
  text-decoration: underline;
}
.c-pdc-block__list > li > a > div {
  margin-bottom: 10px;
  font-size: 0;
}
/**
 * c-pdc-block_pattern02
 */
 .c-pdc-block.c-pdc-block_pattern02 {
  background: #FFFEEE;
}
.c-pdc-block.c-pdc-block_pattern02 > li {
  position: relative;
}
.c-pdc-block.c-pdc-block_pattern02 > li:nth-child(even) {
  background: #FFFEEE;
}
.c-pdc-block.c-pdc-block_pattern02 > li:not(:first-child)::before {
  content: '';
  display: block;
  width: 980px;
  height: 1px;
  position: absolute;
  top: 0;
  left: calc( 50% - 490px );
  border-top: 1px dotted #707070;
}
.c-pdc-block.c-pdc-block_pattern02 > li > div > div {
  overflow: hidden;
}
.c-pdc-block.c-pdc-block_pattern02 > li > div > div > div {
  float: left;
  width: 303px;
  margin: 0 30px 40px 0;
  font-size: 0;
}

@media only screen and (max-width:480px) {
  .c-pdc-block > li {
    padding: 30px 0;
  }
  .c-pdc-block > li:first-child {
    padding-top: 0;
  }
  .c-pdc-block__ttl {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }
  .c-pdc-block__ttl::before {
    width: calc(50px/1.5);
    height: calc(5px/1.5);
    bottom: -8px;
  }
  .c-pdc-block__txt {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .c-pdc-block__list {
    justify-content: space-between;
  }
  .c-pdc-block__list > li {
    width: calc( 50% - 5px );
  }
  .c-pdc-block__list > li > a {
    font-size: 11px;
  }
  .c-pdc-block__list > li > a > div {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
  .c-pdc-block__txt > span {
    font-size: 11px;
  }
  .c-pdc-block__list > li:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
  .c-pdc-block__list > li:nth-child( n + 4 ) {
    margin-top: 0;
  }
  .c-pdc-block.c-pdc-block_pattern02 > li {
    padding-top: 30px;
  }
  .c-pdc-block.c-pdc-block_pattern02 > li > div > div > div {
    width: calc( 303px / 1.5 );
    float: none;
    margin: 0 auto 10px;
  }
}

/**
 * c-wordcard
 */
.c-wordcard-mv {
  position: relative;
  min-width: 1200px;
  height: 380px;
  z-index: -1;
  text-align: center;
}
.c-wordcard-mv::after {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right,#1b488d,#116e9f);
}
@media only screen and (max-width:480px) {
  .c-wordcard-mv {
    min-width: auto;
    height: 79.6875vw;
    margin: 0 -10px;
  }
  .c-wordcard-mv::after {
    display: none;
  }
}
/**
 * 
 */
.c-wordcard-top__list {
  width: 880px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 0;
}
.c-wordcard-top__list > li:not(:first-child) {
  margin-left: 20px;
}
.c-wordcard-top__list > li:nth-child( 5n + 1 ) {
  margin-left: 0;
}
.c-wordcard-top__list > li:nth-child( n + 6 ) {
  margin-top: 20px;
}
.c-wordcard-top__list > li > a:hover {
  opacity: .7;
}
.c-wordcard-top__btn {
  margin-top: 40px;
  text-align: center;
}
.c-wordcard-top__btn > a {
  display: inline-block;
  padding: 7px 120px;
  background: #1B478D;
  border-radius: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
.c-wordcard-top__btn > a:hover {
  opacity: .7;
}
@media only screen and (max-width:480px) {
  .c-wordcard-top__list {
    width: 100%;
    margin: 0;
  }
  .c-wordcard-top__list > li {
    width: calc( (100% - 30px) / 4 );
  }
  .c-wordcard-top__list > li:not(:first-child) {
    margin-left: 10px;
  }
  .c-wordcard-top__list > li:nth-child( 5n + 1 ) {
    margin-left: 10px;
  }
  .c-wordcard-top__list > li:first-child,
  .c-wordcard-top__list > li:nth-child( 4n + 1 ) {
    margin-left: 0;
  }
  .c-wordcard-top__list > li:nth-child( n + 6 ) {
    margin-top: 0;
  }
  .c-wordcard-top__list > li:nth-child( n + 5 ) {
    margin-top: 10px;
  }
  .c-wordcard-top__btn {
    margin-top: 20px;
  }
  .c-wordcard-top__btn > a {
    display: inline-block;
    padding: 5px 50px;
    font-size: 14px;
  }
  .c-wordcard-top__btn > a:hover {
    opacity: 1;
  }
}

.c-wordcard-checklist {
  padding: 30px 0;
  background: #F7F7F7;
}
.c-wordcard-checklist__item > li {
  position: relative;
  padding-left: 40px;
  font-size: 27px;
  font-weight: bold;
  color: #1B478D;
}
.c-wordcard-checklist__item > li::before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 12px;
  left: 0;
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-checklist__item__ico_01.png);
  background-size: 25px 25px;
}
@media only screen and (max-width:480px) {
  .c-wordcard-checklist {
    padding: 15px;
  }
  .c-wordcard-checklist__item > li {
    padding-left: 20px;
    font-size: 18px;
  }
  .c-wordcard-checklist__item > li::before {
    width: calc( 24px / 2 );
    height: calc( 24px / 2 );
    top: 10px;
    background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-checklist__item__ico_01.png);
    background-size: calc( 24px / 2 ) calc( 24px / 2 );
  }
}


.c-wordcard-block__txt:not(:last-of-type) {
  margin-bottom: 50px;
}
.c-wordcard-block__txt {
  font-size: 18px;
  line-height: 40px;
}
.c-wordcard-block__txt + .c-wordcard-block__emphasis {
  margin-top: 70px;
}
.c-wordcard-block__emphasis {
  margin-bottom: 70px;
  font-size: 36px;
  color: #1B478D;
  line-height: 53px;
}
@media only screen and (max-width:480px) {
  .c-wordcard-block__txt:not(:last-of-type) {
    margin-bottom: 25px;
  }
  .c-wordcard-block__txt {
    font-size: 14px;
    color: #2E2E2E;
    line-height: 32px;
  }
  .c-wordcard-block__txt + .c-wordcard-block__emphasis {
    margin-top: 35px;
  }
  .c-wordcard-block__emphasis {
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 35px;
  }

}


.c-wordcard-voi {
  width: 1000px;
  margin: 0 auto;
}
.c-wordcard-voi__item {
  position: relative;
  width: 790px;
  margin-left: 80px;
  padding: 20px 45px 20px 15px;
}
.c-wordcard-voi__item::before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: -51px;
}
.c-wordcard-voi__item::after {
  content: '';
  display: block;
  width: 70px;
  height: 87px;
  position: absolute;
  bottom: 10px;
  right: -80px;
}
.c-wordcard-voi__item + .c-wordcard-voi__item {
  margin-top: 20px;
}

.c-wordcard-voi__item00 {
  border: 1px solid #116E9F;
  border-width: 1px 0;
}
.c-wordcard-voi__item00::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_00.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item00::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_00.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}


.c-wordcard-voi__item01 {
  border: 1px solid #f2ca51;
  border-width: 1px 0;
}
.c-wordcard-voi__item01::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_01.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item01::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_01.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-wordcard-voi__item02 {
  border: 1px solid #05adc0;
  border-width: 1px 0;
}
.c-wordcard-voi__item02::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_02.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item02::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_02.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-wordcard-voi__item03 {
  border: 1px solid #f29494;
  border-width: 1px 0;
}
.c-wordcard-voi__item03::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_03.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item03::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_03.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-wordcard-voi__item04 {
  border: 1px solid #05adc0;
  border-width: 1px 0;
}
.c-wordcard-voi__item04::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_04.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item04::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_04.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-wordcard-voi__item05 {
  border: 1px solid #486082;
  border-width: 1px 0;
}
.c-wordcard-voi__item05::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_05.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item05::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_05.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-wordcard-voi__item06 {
  border: 1px solid #f294b1;
  border-width: 1px 0;
}
.c-wordcard-voi__item06::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_06.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item06::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_06.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-wordcard-voi__item07 {
  border: 1px solid #ff7126;
  border-width: 1px 0;
}
.c-wordcard-voi__item07::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_07.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item07::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_07.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-wordcard-voi__item08 {
  border: 1px solid #6abc46;
  border-width: 1px 0;
}
.c-wordcard-voi__item08::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_08.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item08::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_08.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-wordcard-voi__item09 {
  border: 1px solid #4885cc;
  border-width: 1px 0;
}
.c-wordcard-voi__item09::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__quot_09.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-wordcard-voi__item09::after {
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-voi__item__img__person_09.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}





.c-wordcard-voi__item > p {
  font-size: 24px;
  font-weight: bold;
}
.c-wordcard-voi__item > div > p {
  font-size: 14px;
}
@media only screen and (max-width:480px) {
  .c-wordcard-voi {
    width: calc( 100% - 50px);
    margin: 0 10px 0 40px;
  }
  .c-wordcard-voi__item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px;
  }
  .c-wordcard-voi__item::before {
    width: calc( 47px / 1.5 );
    height: calc( 47px / 1.5 );
    left: -35px;
    background-size: calc( 47px / 1.5 ) calc( 47px / 1.5 );
  }
  .c-wordcard-voi__item::after {
    display: none;
  }
  .c-wordcard-voi__item > p {
    font-size: 16px;
  }
  .c-wordcard-voi__item > div > p {
    font-size: 13px;
  }
}

.c-wordcard-description {
  position: relative;
  padding: 0 40px;
  box-sizing: border-box;
}
.c-wordcard-description-head {
  position: relative;
  min-height: 245px;
  padding: 0 0 30px 460px;
}
.c-wordcard-description-head__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 430px;
  height: 247px;
}
.c-wordcard-description-head__name {
  line-height: 32px;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-wordcard-description-head__list {
  width: 460px;
  font-size: 12px;
  color: #2E2E2E;
}
.c-wordcard-description__btn {
  margin-top: 15px;
}
.c-wordcard-description__btn > p {
  display: inline-block;
}
.c-wordcard-description__btn > p:not(:first-of-type) {
  margin-left: 20px;
}
.c-wordcard-description__btn > p > a {
  position: relative;
  padding: 10px 45px 10px 25px;
  background: #E3FF0A;
  border-radius: 25px;
  color: #1B478D;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.c-wordcard-description__btn > p > a:hover {
  opacity: .7;
}
.c-wordcard-description__btn > p > a::after {
  content: '';
  display: block;
  width: 16px;
  height: 14px;
  position: absolute;
  top: 10px;
  right: 20px;
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-description__btn__ico_01.png);
  background-size: 16px 14px;
}
@media only screen and (max-width:480px) {
  .c-wordcard-description {
    padding: 0;
  }
  .c-wordcard-description-head {
    position: static;
    padding: 0;
    min-height: auto;
  }
  .c-wordcard-description-head__img {
    position: static;
    width: calc( 430px / 1.5 );
    height: auto;
    margin: 0 auto 15px;
  }
  .c-wordcard-description-head__name {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 16px;
  }
  .c-wordcard-description-head__list {
    width: 100%;
    margin-bottom: 20px;
    font-size: 13px;
  }
  .c-wordcard-description__btn {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .c-wordcard-description__btn > p:not(:first-of-type) {
    margin-left: 0;
    margin-top: 20px;
  }
  .c-wordcard-description__btn > p {
    display: inline-block;
  }
  .c-wordcard-description__btn > p + p {
    margin-left: 10px;
  }
  .c-wordcard-description__btn > p > a {
    padding: 10px 40px 10px 25px;
    font-size: 12px;
  }
  .c-wordcard-description__btn > p > a::after {
    content: '';
    display: block;
    width: calc( 21px / 1.5 );
    height: calc( 18px / 1.5 );
    position: absolute;
    top: 13px;
    right: 20px;
    background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/wordcard-description__btn__ico_01.png);
    background-size: calc( 21px / 1.5 ) calc( 18px / 1.5 );
  }
}
.c-wordcard-recording {
  width: 900px;
  margin: 0 auto;
  padding: 35px 40px;
  border: 1px dotted #1B478D;
  box-sizing: border-box;
}
.c-wordcard-recording__ttl {
  width: 420px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #1B478D;
  font-size: 18px;
  font-weight: bold;
  color: #1B478D;
}
.c-wordcard-recording > div {
  overflow: hidden;
}
.c-wordcard-recording__img {
  float: right;
  width: 336px;
}
.c-wordcard-recording > div > ul {
  float: left;
  width: 420px;
}
.c-wordcard-recording > div > ul > li > p:first-of-type {
  font-size: 14px;
  font-weight: bold;
  color: #1B478D;
}
.c-wordcard-recording > div > ul > li > p:nth-of-type(2) {
  font-size: 14px;
  color: #2E2E2E;
}
.c-wordcard-recording > div > ul > li:not(:last-child) {
  margin-bottom: 25px;
}
.c-wordcard-recording > div > ul > li > p > span {
  font-weight: bold;
  color: #007AF4;
}
@media only screen and (max-width:480px) {
  .c-wordcard-recording {
    width: auto;
    margin: 0 10px;
    padding: 10px 15px;
    border: 1px dotted #1B478D;
    box-sizing: border-box;
  }
  .c-wordcard-recording__ttl {
    width: auto;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 14px;
  }
  .c-wordcard-recording__img {
    float: none;
    width: calc( 336px / 1.5 );
    margin: 20px auto 0;
  }
  .c-wordcard-recording > div {
    overflow: visible;
  }
  .c-wordcard-recording > div > ul {
    float: none;
    width: auto;
  }

  .c-wordcard-recording > div > ul > li > p:first-of-type {
    font-size: 13px;
  }
  .c-wordcard-recording > div > ul > li > p:nth-of-type(2) {
    font-size: 13px;
  }
  .c-wordcard-recording > div > ul > li:not(:last-child) {
    margin-bottom: 12px;
  }
}


.c-wordcard-qanda {
  background: #F7F7F7;
}
.c-wordcard-qanda > div {
  padding: 0 40px;
  box-sizing: border-box;
}
.c-wordcard-qanda > div > p:first-of-type {
  margin-bottom: 50px;
  font-size: 36px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-wordcard-qanda > div > dl > dt {
  font-size: 27px;
  font-weight: bold;
  color: #1B478D;
}
.c-wordcard-qanda > div > dl > dd {
  font-size: 14px;
  color: #2E2E2E;
}
.c-wordcard-qanda > div > dl > dd > p:not(:first-of-type) {
  margin-top: 20px;
}
.c-wordcard-qanda > div > dl > dd:not(:last-of-type) {
  margin-bottom: 45px;
}
@media only screen and (max-width:480px) {
  .c-wordcard-qanda {
    padding: 25px 0 35px;
  }
  .c-wordcard-qanda > div {
    padding: 0 10px;
  }
  .c-wordcard-qanda > div > p:first-of-type {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .c-wordcard-qanda > div > dl > dt {
    font-size: 16px;
  }
  .c-wordcard-qanda > div > dl > dd {
    font-size: 13px;
  }
  c-wordcard-qanda > div > dl > dd > p:not(:first-of-type) {
    margin-top: 20px;
  }
  .c-wordcard-qanda > div > dl > dd:not(:last-of-type) {
    margin-bottom: 20px;
  }
}

.c-wordcard-bottom {
  padding: 30px 0;
  background: #1B478D;
}
.c-wordcard-bottom .c-wordcard-description-head__name {
  line-height: 32px;
  color: #fff;
}
.c-wordcard-bottom .c-wordcard-description-head__list {
  color: #fff;
}
@media only screen and (max-width:480px) {
  .c-wordcard-bottom {
    padding: 25px 0;
  }
  .c-wordcard-bottom .c-wordcard-description-head__name {
    line-height: 23px;
  }
}



.c-wordcard-itemspurchased > p:first-of-type {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-wordcard-itemspurchased__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.c-wordcard-itemspurchased__list > li {
  width: 320px;
}
.c-wordcard-itemspurchased__list > li:not(:nth-child(3n+1)) {
  margin-left: 10px;
}
.c-wordcard-itemspurchased__list > li:nth-child( n + 4 ) {
  margin-top: 35px;
}
.c-wordcard-itemspurchased__list > li > a {
  font-size: 14px;
  font-weight: bold;
  color: #007AF4;
  text-decoration: none;
}
.c-wordcard-itemspurchased__list > li:hover {
  opacity: .7;
}
.c-wordcard-itemspurchased__list > li > a > div {
  margin-bottom: 10px;
  font-size: 0;
}
@media only screen and (max-width:480px) {
  .c-wordcard-itemspurchased > p:first-of-type {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .c-wordcard-itemspurchased__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .c-wordcard-itemspurchased__list > li {
    width: calc( (100% - 10px) / 2 );
  }
  .c-wordcard-itemspurchased__list > li:not(:nth-child(even)) {
    margin-left: 0;
  }
  .c-wordcard-itemspurchased__list > li:nth-child( n + 3 ) {
    margin-top: 10px;
  }
  .c-wordcard-itemspurchased__list > li > a {
    font-size: 13px;
  }
  .c-wordcard-itemspurchased__list > li:hover {
    opacity: 1;
  }

  /*
  .c-wordcard-itemspurchased__list > li > a > div {
    margin-bottom: 10px;
    font-size: 0;
  }*/
}



/**
 * c-pl (パターン・ランゲージとは)
 */


/**
 * c-pl-about
 */
.c-pl-about {
  padding: 50px 0 60px;
}
.c-pl-about__ttl {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-pl-about__ttl::before {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: #1B478D;
}
.c-pl-about__emphasis {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-pl-about__txt {
  font-size: 14px;
  color: #2E2E2E;
}
@media only screen and (max-width:480px) {
  .c-pl-about {
    padding: 25px 0 40px;
  }
  .c-pl-about__ttl {
    margin-bottom: 20px;
    font-size: 19px;
  }
  .c-pl-about__ttl::before {
    width: calc(50px/1.5);
    height: calc(5px/1.5);
    bottom: -8px;
  }
  .c-pl-about__emphasis {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .c-pl-about__txt {
    font-size: 14px;
  }
}

/**
 * c-pl-nav
 */
.c-pl-nav {
  padding: 25px 0 45px;
  background: #F7F7F7;
}
.c-pl-nav > div {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.c-pl-nav > div::after {
  content: '';
  display: block;
  width: 446px;
  height: 303px;
  position: absolute;
  bottom: 15px;
  right: 35px;
  background: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/pl-nav__img01.png);
}
.c-pl-nav__heading {
  width: 480px;
  margin-left: 40px;
}
.c-pl-nav__heading > li {
  border-bottom: 1px solid #707070;
}
.c-pl-nav__heading > li > p,
.c-pl-nav__heading > li > a > p {
  padding: 5px 0 5px 25px;
}
.c-pl-nav__heading > li:nth-of-type(1) > p {
  border-bottom: 1px solid #707070;
  font-size: 24px;
}
.c-pl-nav__heading > li > a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #007AF4;
}
.c-pl-nav__heading > li > a:hover {
  text-decoration: underline;
}
.c-pl-nav__heading__sub > li {
  padding: 7px 0;
}
.c-pl-nav__heading__sub > li:not(:last-child) {
  border-bottom: 1px dotted #707070;
}
.c-pl-nav__heading__sub > li > a {
  display: inline-block;
  padding-left: 60px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #007AF4;
}
.c-pl-nav__heading__sub > li > a:hover {
  text-decoration: underline;
}
@media only screen and (max-width:480px) {
  .c-pl-nav {
    padding: 25px 10px 30px;
  }
  .c-pl-nav > div {
    position: static;
    width: 100%;
  }
  .c-pl-nav > div::after {
    background: none;
  }
  .c-pl-nav__heading {
    width: 100%;
    margin-left: 0;
  }
  .c-pl-nav__heading > li > p,
  .c-pl-nav__heading > li > a > p {
    padding: 5px 0 5px 15px;
  }
  .c-pl-nav__heading > li:nth-of-type(1) > p {
    font-size: 16px;
  }
  .c-pl-nav__heading > li > a {
    font-size: 16px;
  }
  .c-pl-nav__heading > li > a:hover {
    text-decoration: none;
  }
  .c-pl-nav__heading__sub > li > a {
    padding-left: 30px;
  }
  .c-pl-nav__heading__sub > li > a:hover {
    text-decoration: none;
  }
}

/**
 * c-pl-auxiliary
 */
.c-pl-auxiliary{
  padding: 50px 0 60px;
  font-size: 14px;
}
.c-pl-auxiliary > strong{
  font-weight: bold;
  color: #007AF4;
}
@media only screen and (max-width:480px) {
  .c-pl-auxiliary{
    padding: 35px 0 40px;
    font-size: 14px;
    line-height: 30px;
  }
}

/**
 * c-pl-words
 */
.c-pl-words {
  position: relative;
  height: 600px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.c-pl-words.c-pl-words__pattern01 > div{
  position: absolute;
  width: 1000px;
  bottom: 40px;
  left: calc( 50% - 500px );
}
.c-pl-words.c-pl-words__pattern02 > div{
  position: absolute;
  width: 1000px;
  top: 50px;
  left: calc( 50% - 500px );
}
.c-pl-words.c-pl-words__pattern03 > div{
  position: absolute;
  width: 1000px;
  top: 50px;
  left: calc( 50% - 500px );
}
.c-pl-words.c-pl-words__pattern04 > div{
  position: absolute;
  width: 1000px;
  top: 50px;
  left: calc( 50% - 500px );
}
.c-pl-words__pattern01 {
  background: #999 url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/pl-words__pattern01.jpg) center;
  background-size: cover;
  box-sizing: border-box;
}
.c-pl-words__pattern02 {
  background: #999 url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/pl-words__pattern02.jpg) center;
  background-size: cover;
  text-align: right;
  box-sizing: border-box;
}
.c-pl-words__pattern03 {
  background: #999 url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/pl-words__pattern03.jpg) center;
  background-size: cover;
  box-sizing: border-box;
}
.c-pl-words__pattern04 {
  background: #999 url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/pl-words__pattern04.jpg) center;
  background-size: cover;
  text-align: right;
  box-sizing: border-box;
}
.c-pl-words__main {
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: bold;
}
.c-pl-words__sup {
  font-size: 12px;
  font-weight: bold;
}
@media only screen and (max-width:480px) {
  .c-pl-words {
    height: 300px;
  }
  .c-pl-words.c-pl-words__pattern01 > div{
    width: calc( 100% - 20px );
    bottom: 10px;
    left: 0;
  }
  .c-pl-words.c-pl-words__pattern02 > div{
    width: calc( 100% - 20px );
    top: 35px;
    left: 0;
  }
  .c-pl-words.c-pl-words__pattern03 > div{
    width: calc( 100% - 20px );
    top: 35px;
    left: 0;
  }
  .c-pl-words.c-pl-words__pattern04 > div{
    width: calc( 100% - 20px );
    top: 35px;
    left: 0;
  }
  .c-pl-words__main {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.6;
  }
  .c-pl-words__sup {
    font-size: 12px;
  }
}
/**
 * c-pl-tips
 */
.c-pl-tips{
  padding: 100px 0;
}
.c-pl-tips__ttl {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-pl-tips__txt{
  font-size: 14px;
}
.c-pl-tips__txt > strong{
  font-weight: bold;
  color: #1B478D;
}
.c-pl-tips > .c-pl-tips__txt:not(:first-child){
  margin-top: 25px;
}
@media only screen and (max-width:480px) {
  .c-pl-tips{
    padding: 35px 0;
  }
  .c-pl-tips__ttl {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
/**
 * c-pl-hint
 */
.c-pl-hint{
  padding: 100px 0;
}
.c-pl-hint__ttl {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-pl-hint__txt{
  font-size: 14px;
}
.c-pl-hint__txt > strong{
  font-weight: bold;
  color: #1B478D;
}
.c-pl-hint > .c-pl-hint__txt:not(:first-child){
  margin-top: 25px;
}
@media only screen and (max-width:480px) {
  .c-pl-hint{
    padding: 35px 0;
  }
  .c-pl-hint__ttl {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
/**
 * c-pl-learn
 */
 .c-pl-learn{
  padding: 100px 0;
}
.c-pl-learn__ttl {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-pl-learn__txt{
  font-size: 14px;
}
.c-pl-learn__txt > strong{
  font-weight: bold;
  color: #1B478D;
}
.c-pl-learn > .c-pl-learn__txt:not(:first-child){
  margin-top: 25px;
}
@media only screen and (max-width:480px) {
   .c-pl-learn{
    padding: 35px 0;
  }
  .c-pl-learn__ttl {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .c-pl-learn > .c-pl-learn__txt:not(:first-child){
    margin-top: 20px;
  }
}
/**
 * c-pl-creation
 */
 .c-pl-creation{
  padding: 100px 0 50px;
}
.c-pl-creation__ttl {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-pl-creation__txt{
  font-size: 14px;
}
.c-pl-creation__txt > strong{
  font-weight: bold;
  color: #1B478D;
}
.c-pl-creation > .c-pl-creation__txt:not(:first-child){
  margin-top: 25px;
}
@media only screen and (max-width:480px) {
   .c-pl-creation{
    padding: 35px 0;
  }
  .c-pl-creation__ttl {
    margin-bottom: 20px;
    font-size: 16px;
  }
}


/**
 * c-pl-howtomake
 */
.c-pl-howtomake {
  padding: 50px 0;
}
.c-pl-howtomake__ttl {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-pl-howtomake__ttl::before {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: #1B478D;
}
.c-pl-howtomake__emphasis {
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-pl-howtomake__txt {
  font-size: 14px;
  color: #2E2E2E;
}
.c-pl-howtomake__img {
  margin-top: 50px;
  padding-bottom: 60px;
  text-align: center;
  font-size: 0;
}
.c-pl-howtomake__img img + img {
  margin-left: 15px;
}
.c-pl-howtomake-inner {
  padding: 60px 0;
}
.c-pl-howtomake-inner {
  padding: 60px 0 55px;
  border-top: 1px dotted #707070;
}
.c-pl-howtomake__sttl {
  margin-bottom: 25px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-pl-howtomake__list {
  margin-top: 25px;
  font-size: 14px;
  color: #2E2E2E;
}
.c-pl-howtomake__list > li > a {
  text-decoration: none;
  color: #007AF4;
}
@media only screen and (max-width:480px) {
  .c-pl-howtomake {
    padding: 25px 0 40px;
  }
  .c-pl-howtomake__ttl {
    margin-bottom: 20px;
    font-size: 19px;
  }
  .c-pl-howtomake__ttl::before {
    width: calc(50px/1.5);
    height: calc(5px/1.5);
    bottom: -8px;
  }
  .c-pl-howtomake__emphasis {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .c-pl-howtomake__txt {
    font-size: 14px;
  }
  .c-pl-howtomake__img {
    margin-top: 20px;
    padding-bottom: 30px;
  }
  .c-pl-howtomake-inner {
    padding: 25px 0;
  }
  .c-pl-howtomake__sttl {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .c-pl-howtomake__list {
    margin-top: 10px;
  }
}


/**
 * c-pl-howtouse
 */
.c-pl-howtouse {
  padding: 50px 0;
}
.c-pl-howtouse__ttl {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-pl-howtouse__ttl::before {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: #1B478D;
}
.c-pl-howtouse__emphasis {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #2E2E2E;
}
.c-pl-howtouse__txt {
  font-size: 14px;
  color: #2E2E2E;
}
.c-pl-howtouse__img {
  margin-top: 60px;
  text-align: center;
}
.c-pl-howtouse-inner {
  margin-bottom: 70px;
}
.c-pl-howtouse__sttl {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.1;
}
.c-pl-howtouse__sttl > span {
  font-size: 18px;
}
.c-pl-howtouse__notes {
  margin-top: 20px;
  font-size: 12px;
  color: #2E2E2E;
}
.c-pl-howtouse__notes > li > a {
  text-decoration: none;
  color: #007AF4;
}




.c-pl-howtouse__listbtn {
  margin: 150px 0 110px;
}
.c-pl-howtouse__listbtn > a {
  display: block;
  width: 580px;
  margin: 0 auto;
  padding: 15px 0;
  background: #1B478D;
  border-radius: 50px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.c-pl-howtouse__listbtn > a:hover {
  opacity: .7;
}
/* .c-pl-howtouse__aboutbtn {
  margin-bottom: 140px;
} */
.c-pl-howtouse__aboutbtn > a {
  position: relative;
  display: block;
  width: 715px;
  margin: 0 auto;
  padding: 22px 60px 22px 300px;
  background: linear-gradient(to right,#1b488d,#116e9f);
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
}
.c-pl-howtouse__aboutbtn > a::before {
  content: '';
  display: block;
  width: 215px;
  height: 55px;
  position: absolute;
  top: 23px;
  left: 48px;
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/pl-howtouse__aboutbtn__logo.png);
  background-size: 215px 55px;
}
.c-pl-howtouse__aboutbtn > a::after {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.c-pl-howtouse__aboutbtn > a > span {
  font-size: 24px;
}
.c-pl-howtouse__aboutbtn > a:hover {
  opacity: .7;
}

@media only screen and (max-width:480px) {

  .c-pl-howtouse {
    padding: 25px 0 0;
  }
  .c-pl-howtouse__ttl {
    margin-bottom: 20px;
    font-size: 19px;
  }
  .c-pl-howtouse__ttl::before {
    width: calc(50px/1.5);
    height: calc(5px/1.5);
    bottom: -8px;
  }
  .c-pl-howtouse__emphasis {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .c-pl-howtouse__txt {
    font-size: 14px;
  }
  .c-pl-howtouse__sttl {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: normal;
  }
  .c-pl-howtouse__sttl > span {
    font-size: 16px;
  }
  .c-pl-howtouse-inner {
    margin-bottom: 35px;
  }
  .c-pl-howtouse__notes {
    font-size: 12px;
  }
  .c-pl-howtouse__img {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .c-pl-howtouse__listbtn {
    margin: 60px 15px 40px;
  }
  .c-pl-howtouse__listbtn > a {
    width: 100%;
    padding: 7px 0;
    font-size: 16px;
  }
  .c-pl-howtouse__listbtn > a:hover {
    opacity: 1;
  }
  .c-pl-howtouse__aboutbtn {
    margin-bottom: 0;
  }
  .c-pl-howtouse__aboutbtn > a {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    background: none;
    border-radius: 0;
  }
  .c-pl-howtouse__aboutbtn > a::before {
    display: none;
  }
  .c-pl-howtouse__aboutbtn > a::after {
    display: none;
  }
  .c-pl-howtouse__aboutbtn > a:hover {
    opacity: 1;
  }

}


/**
 * c-pl-more
 */
.c-pl-more {
  padding: 50px 0 150px;
}
.c-pl-more__ttl {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-pl-more__ttl::before {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: #1B478D;
}
.c-pl-more__txt {
  font-size: 14px;
  color: #2E2E2E;
}
.c-pl-more__list {
  margin-top: 45px;
}
.c-pl-more__list > li {
  margin-bottom: 25px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #707070;
}
.c-pl-more__list__ttl {
  font-size: 18px;
  font-weight: bold;
}
.c-pl-more__list__ttl > a {
  position: relative;
  text-decoration: none;
  color: #007AF4;
}
.c-pl-more__list__ttl > a:hover {
  text-decoration: underline;
}
.c-pl-more__list__ttl > a::after {
  content: '';
  display: block;
  width: 16px;
  height: 14px;
  position: absolute;
  top: 3px;
  right: -25px;
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/pl-pl-more__list__ttl_ico.png);
  background-size: 16px 14px;
}
.c-pl-more__list__txt {
  font-size: 14px;
}
@media only screen and (max-width:480px) {
  .c-pl-more {
    padding: 25px 0 40px;
  }
  .c-pl-more__ttl {
    margin-bottom: 20px;
    font-size: 19px;
  }
  .c-pl-more__ttl::before {
    width: calc(50px/1.5);
    height: calc(5px/1.5);
    bottom: -8px;
  }
  .c-pl-more__list {
    margin-top: 25px;
  }
  .c-pl-more__list__ttl {
    font-size: 14px;
  }
  .c-pl-more__list__ttl > a:hover {
    text-decoration: none;
  }
  .c-pl-more__list > li {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .c-pl-more__list__ttl > a::after {
    content: '';
    display: block;
    width: calc( 16px / 1.5 );
    height: calc( 14px / 1.5 );
    position: absolute;
    top: 3px;
    right: -16px;
    background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/pl-pl-more__list__ttl_ico.png);
    background-size: calc( 16px / 1.5 ) calc( 14px / 1.5 );
  }
}



/**
 * production-service (制作サービス)
 */

/**
 * c-ps-top
 */
.c-ps-top {
  padding: 50px 0 105px;
}
.c-ps-top__txt {
  margin-bottom: 50px;
  font-size: 14px;
  color: #707070;
}
.c-ps-top__txt > p {
  margin-bottom: 20px;
}
.c-ps-top__btn {
  text-align: center;
}
.c-ps-top__btn > a {
  display: inline-block;
  padding: 12px 50px;
  background: #EBFF00;
  border-radius: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #1B478D;
  text-decoration: none;
}
.c-ps-top__btn > a:hover {
  opacity: .7;
}
@media only screen and (max-width:480px) {
  .c-ps-top {
    padding: 25px 0 55px;
  }
  .c-ps-top__txt {
    margin-bottom: 25px;
    font-size: 14px;
    color: #2E2E2E;
  }
  .c-ps-top__txt > p {
    margin-bottom: 25px;
  }
  .c-ps-top__btn > a {
    padding: 8px 25px;
    border-radius: 50px;
    font-size: 16px;
  }
  .c-ps-top__btn > a:hover {
    opacity: 1;
  }
}
/**
 * c-ps-block
 */
.c-ps-block__ttl {
  position: relative;
  margin-bottom: 115px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
}
.c-ps-block__ttl::before {
  content: '';
  display: block;
  width: 48px;
  height: 4px;
  position: absolute;
  bottom: -8px;
  left: calc( 50% - 24px );
  background: #1B478D;
}
.c-ps-block__list > li {
  padding-bottom: 50px;
  border-bottom: 1px solid #C4C4C4;
}
.c-ps-block__list > li:not(:last-child) {
  margin-bottom: 50px;
}
.c-ps-block__list__ttl {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 36px;
}
.c-ps-block__list__txt {
  margin-bottom: 15px;
  font-size: 14px;
  color: #2E2E2E;
}
.c-ps-block__list__link > a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #007AF4;
  text-decoration: none;
}
.c-ps-block__list__link > a:hover {
  text-decoration: underline;
}
.c-ps-block__list__link > a::after {
  content: '';
  display: block;
  width: 16px;
  height: 14px;
  position: absolute;
  top: 9px;
  right: -26px;
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/ps-block__list__img_01.png);
  background-size: 16px 14px;
}
.c-ps-block__list__notes {
  font-size: 12px;
  color: #ED0000;
}
@media only screen and (max-width:480px) {
  .c-ps-block__ttl {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .c-ps-block__ttl::before {
    content: '';
    display: block;
    width: calc( 48px / 1.5 );
    height: calc( 5px / 1.5 );
    position: absolute;
    bottom: -8px;
    left: calc( 50% - (calc( 48px / 1.5 )/2) );
    background: #1B478D;
  }
  .c-ps-block__list__ttl {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 25px;
  }
  .c-ps-block__list__txt {
    margin-bottom: 20px;
  }
  .c-ps-block__list > li {
    padding-bottom: 25px;
  }
  .c-ps-block__list > li:not(:last-child) {
    margin-bottom: 25px;
  }

  .c-ps-block__list__link > a {
    font-size: 14px;
  }
  .c-ps-block__list__link > a:hover {
    text-decoration: none;
  }
  .c-ps-block__list__link > a::after {
    content: '';
    display: block;
    width: calc( 16px / 1.5 );
    height: calc( 14px / 1.5 );
    position: absolute;
    top: 8px;
    right: -18px;
    background-size: calc( 16px / 1.5 ) calc( 14px / 1.5 );
  }
  .c-ps-block__list__notes {
    font-size: 12px;
  }
}





/**
 * c-tag-index (タグ：絞り込み＆用途で選ぶ)
 */
.c-tag-index {
  margin-bottom: 50px;
}
.c-tag-index > div {
  width: 980px;
  margin: 0 auto;
}
.c-tag-index__ttl {
  margin-bottom: 15px;
  font-size: 18px;
}
.c-tag-index__ttl > small {
  font-size: small;
}
.c-tag-index__list > li {
  display: inline-block;
}
.c-tag-index__list > li:not(:last-child) {
  margin-bottom: 10px;
  margin-right: 10px;
}
.c-tag-index__list > li > a {
  padding: 5px;
  color: #121212;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  background: #E3FF0A;
}
.c-tag-index__list > li.cat-item > a {
  color: #fff;
  background: #1B478D;
}
.c-tag-index__list > li > a:hover {
  text-decoration: underline;
}

.post > .c-tag-index {
  margin-bottom: 20px;
}
.page > .c-tag-index {
  margin-top: 50px;
}


@media only screen and (max-width:480px) {

  .c-tag-index {
    margin-bottom: 30px;
  }
  .c-tag-index > div {
    width: auto;
  }
  .c-tag-index__ttl {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .c-tag-index__list > li > a {
    font-size: 12px;
  }

  .post > .c-tag-index {
    margin-bottom: 15px;
  }
  .page > .c-tag-index {
    margin-top: 30px;
  }
  .page > .c-tag-index > div {
    margin: 0 10px;
  }

}



/**
 * c-voi (お客様の声)
 */
.c-voi {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}
.c-voi:not(:last-child) {
  margin-bottom: 45px;
}
.c-voi__ttl {
  margin-bottom: 50px;
  text-align: center;
  font-size: 24px;
  color: #1B478D;
}
.c-voi__item {
  position: relative;
  width: 740px;
  margin-left: 80px;
  margin-bottom: 30px;
  padding: 20px 45px 20px 15px;
}
.c-voi__item::before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: -51px;
}
.c-voi__item::after {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  content: '';
  display: block;
  width: 70px;
  height: 85px;
  position: absolute;
  bottom: 10px;
  right: -80px;
}
.c-voi__item.open::after {
  opacity: 1;
}

.c-voi__item01 {
  border: 1px solid #F2CA51;
  border-width: 1px 0;
}
.c-voi__item01::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_01.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item01::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_01.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-voi__item02 {
  border: 1px solid #05ADC0;
  border-width: 1px 0;
}
.c-voi__item02::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_02.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item02::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_02.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-voi__item03 {
  border: 1px solid #F29494;
  border-width: 1px 0;
}
.c-voi__item03::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_03.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item03::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_03.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-voi__item04 {
  border: 1px solid #05ADC0;
  border-width: 1px 0;
}
.c-voi__item04::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_04.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item04::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_04.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-voi__item05 {
  border: 1px solid #486082;
  border-width: 1px 0;
}
.c-voi__item05::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_05.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item05::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_05.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}


.c-voi__item06 {
  border: 1px solid #f294b1;
  border-width: 1px 0;
}
.c-voi__item06::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_06.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item06::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_06.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-voi__item07 {
  border: 1px solid #ff7126;
  border-width: 1px 0;
}
.c-voi__item07::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_07.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item07::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_07.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-voi__item08 {
  border: 1px solid #6abc46;
  border-width: 1px 0;
}
.c-voi__item08::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_08.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item08::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_08.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-voi__item09 {
  border: 1px solid #4885cc;
  border-width: 1px 0;
}
.c-voi__item09::before {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__quot_09.png);
  background-size: 48px 48px;
  background-repeat: no-repeat;
}
.c-voi__item09::after {
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/voi__item__img__person_09.png);
  background-size: 71px 87px;
  background-repeat: no-repeat;
}

.c-voi__item__btn {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
}
.c-voi__item__btn::before {
  display: block;
  content: "";
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  width: 20px;
  height: 1px;
  transition: .2s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.c-voi__item__btn::after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 20px;
	height: 1px;
	transition: .3s;
}
.c-voi__item__btn.open::before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.c-voi__item__btn.open::after {
	background-color: transparent;
}

.c-voi__item01 > .c-voi__item__btn {
  border: 1px solid #F2CA51;
  border-radius: 20px;
}
.c-voi__item01 > .c-voi__item__btn::before {
  background-color: #F2CA51;
}
.c-voi__item01 > .c-voi__item__btn::after {
  background-color: #F2CA51;
}

.c-voi__item02 > .c-voi__item__btn {
  border: 1px solid #05ADC0;
  border-radius: 20px;
}
.c-voi__item02 > .c-voi__item__btn::before {
  background-color: #05ADC0;
}
.c-voi__item02 > .c-voi__item__btn::after {
  background-color: #05ADC0;
}

.c-voi__item03 > .c-voi__item__btn {
  border: 1px solid #F29494;
  border-radius: 20px;
}
.c-voi__item03 > .c-voi__item__btn::before {
  background-color: #F29494;
}
.c-voi__item03 > .c-voi__item__btn::after {
  background-color: #F29494;
}

.c-voi__item04 > .c-voi__item__btn {
  border: 1px solid #05ADC0;
  border-radius: 20px;
}
.c-voi__item04 > .c-voi__item__btn::before {
  background-color: #05ADC0;
}
.c-voi__item04 > .c-voi__item__btn::after {
  background-color: #05ADC0;
}

.c-voi__item05 > .c-voi__item__btn {
  border: 1px solid #486082;
  border-radius: 20px;
}
.c-voi__item05 > .c-voi__item__btn::before {
  background-color: #486082;
}
.c-voi__item05 > .c-voi__item__btn::after {
  background-color: #486082;
}



.c-voi__item06 > .c-voi__item__btn {
  border: 1px solid #f294b1;
  border-radius: 20px;
}
.c-voi__item06 > .c-voi__item__btn::before {
  background-color: #f294b1;
}
.c-voi__item06 > .c-voi__item__btn::after {
  background-color: #f294b1;
}

.c-voi__item07 > .c-voi__item__btn {
  border: 1px solid #ff7126;
  border-radius: 20px;
}
.c-voi__item07 > .c-voi__item__btn::before {
  background-color: #ff7126;
}
.c-voi__item07 > .c-voi__item__btn::after {
  background-color: #ff7126;
}

.c-voi__item08 > .c-voi__item__btn {
  border: 1px solid #6abc46;
  border-radius: 20px;
}
.c-voi__item08 > .c-voi__item__btn::before {
  background-color: #6abc46;
}
.c-voi__item08 > .c-voi__item__btn::after {
  background-color: #6abc46;
}

.c-voi__item09 > .c-voi__item__btn {
  border: 1px solid #4885cc;
  border-radius: 20px;
}
.c-voi__item09 > .c-voi__item__btn::before {
  background-color: #4885cc;
}
.c-voi__item09 > .c-voi__item__btn::after {
  background-color: #4885cc;
}

.c-voi__item > p {
  font-size: 24px;
  font-weight: bold;
}
.c-voi__item__block {
  display: none;
}
.c-voi__item__block > p {
  font-size: 14px;
}
.c-voi__item__block > p + p {
  margin-top: 20px;
}
.c-voi__item__block > p > span {
  font-weight: bold;
  font-size: 12px;
}
.c-voi__link {
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  color: #1B478D;
}
.c-voi__link > a {
  display: inline-block;
  padding: 3px 20px;
  background: #E3FF0A;
  border-radius: 25px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}
@media only screen and (max-width:480px) {
  .c-voi {
    width: 80%;
    padding: 0;
  }
  .c-voi:not(:last-child) {
    margin-bottom: 60px;
  }
  .c-voi__ttl {
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    color: #1B478D;
  }
  .c-voi__item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px 30px 10px 10px;
  }
  .c-voi__item::before {
    content: '';
    display: block;
    width: calc( 48px / 2 );
    height: calc( 48px / 2 );
    position: absolute;
    top: 0;
    left: calc( -51px / 2 );
  }
  .c-voi__item::after {
    opacity: 0;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    content: '';
    display: block;
    width: calc( 70px / 2 );
    height: calc( 85px / 2 );
    position: absolute;
    bottom: calc( 10px / 2 );
    right: calc( -80px / 2 );
  }

  .c-voi__item01::before,
  .c-voi__item02::before,
  .c-voi__item03::before,
  .c-voi__item04::before,
  .c-voi__item05::before,
  .c-voi__item06::before,
  .c-voi__item07::before,
  .c-voi__item08::before,
  .c-voi__item09::before {
    background-size: calc( 48px / 2 ) calc( 48px / 2 );
  }
  .c-voi__item01::after,
  .c-voi__item02::after,
  .c-voi__item03::after,
  .c-voi__item04::after,
  .c-voi__item05::after,
  .c-voi__item06::after,
  .c-voi__item07::after,
  .c-voi__item08::after,
  .c-voi__item09::after {
    background-size: calc( 70px / 2 ) calc( 85px / 2 );
  }

  .c-voi__item > p {
    font-size: 16px;
    font-weight: bold;
  }
  .c-voi__item + .c-voi__item {
    margin-top: 15px;
  }
  .c-voi__link {
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #1B478D;
  }
  .c-voi__link > a {
    padding: 3px 10px;
    font-size: 12px;
  }
  .c-voi__item__block > p {
    font-size: 12px;
  }
  .c-voi__item__block > p + p {
    margin-top: 10px;
  }

  .c-voi__item__btn {
    width: calc( 30px / 1.5 );
    height: calc( 30px / 1.5 );
  }
  .c-voi__item__btn::before {
    width: calc( 20px / 1.5 );
  }
  .c-voi__item__btn::after{
    width: calc( 20px / 1.5 );
  }

}




/**
 * c-privacy (プライバシーポリシー)
 */
.c-privacy-jp {
  padding: 50px 0;
}
.c-privacy-jp > p {
  margin-bottom: 25px;
  font-size: 14px;
  color: #2E2E2E;
}
.c-privacy-jp-block {
  margin-bottom: 25px;
}
.c-privacy-jp-block__ttl {
  margin-bottom: 5px;
  font-size: 21px;
  color: #2E2E2E;
}
.c-privacy-jp-block__txt {
  font-size: 14px;
  color: #2E2E2E;
}
.c-privacy-jp-block__list__layout {
  margin: 20px 0;
}
@media only screen and (max-width:480px) {
  .c-privacy-jp {
    padding: 25px 0 55px;
  }
  .c-privacy-jp-block__ttl {
    font-size: 16px;
  }
}


.c-privacy-en {
  padding: 100px 0 140px;
}
.c-privacy-en__ttl {
  font-size: 42px;
  color: #2E2E2E;
}
.c-privacy-en > p {
  margin-bottom: 15px;
  font-size: 14px;
  color: #2E2E2E;
}
.c-privacy-en-block {
  margin-bottom: 25px;
}
.c-privacy-en-block__ttl {
  margin-bottom: 5px;
  font-size: 21px;
  color: #2E2E2E;
}
.c-privacy-en-block__txt {
  font-size: 14px;
  color: #2E2E2E;
}
@media only screen and (max-width:480px) {
  .c-privacy-en {
    padding: 55px 0;
  }
  .c-privacy-en__ttl {
    font-size: 32px;
  }
  .c-privacy-en-block__ttl {
    font-size: 18px;
  }
}



/**
 * c-seminar (セミナー・講演案内)
 */

/**
 * c-seminar-upcoming
 */
.c-seminar-upcoming {
  padding: 50px 0;
  background: #F7F7F7;
}
.c-seminar-upcoming__txt {
  margin-bottom: 45px;
  color: #707070;
  font-size: 14px;
}
.c-seminar-upcoming__list > li:not(:last-child) {
  margin-bottom: 30px;
}
.c-seminar-upcoming__list__date {
  color: #2E2E2E;
  font-size: 18px;
  font-weight: bold;
}
.c-seminar-upcoming__list__link > a {
  color: #006CEA;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
.c-seminar-upcoming__list__link > a:hover {
  text-decoration: underline;
}
/**
 * c-seminar-past
 */
.c-seminar-past {
  padding: 30px 0;
}
.c-seminar-past__ttl {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #1B478D;
  line-height: 39px;
}
.c-seminar-past__ttl:before {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: -13px;
  left: 0;
  background: #1B478D;
}
.c-seminar-past__list > li {
  padding-bottom: 50px;
  border-bottom: 1px solid #C4C4C4;
}
.c-seminar-past__list > li:not(:last-child) {
  margin-bottom: 50px;
}
.c-seminar-past__list__ttl {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 36px;
}
.c-seminar-past__list__txt {
  margin-bottom: 15px;
  font-size: 14px;
  color: #2E2E2E;
}
.c-seminar-past__list__link > a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #007AF4;
  text-decoration: none;
}
.c-seminar-past__list__link > a:hover {
  text-decoration: underline;
}
.c-seminar-past__list__link > a::after {
  content: '';
  display: block;
  width: 16px;
  height: 14px;
  position: absolute;
  top: 9px;
  right: -26px;
  background-image: url(//stg.creativeshift.co.jp/wp/wp-content/themes/creativeshift/library/images/component/seminar-past__list__img_01.png);
  background-size: 16px 14px;
}
@media only screen and (max-width:480px) {
  /**
   * c-seminar-upcoming
   */
  .c-seminar-upcoming {
    padding: 25px 0;
  }
  .c-seminar-upcoming__txt {
    margin-bottom: 20px;
    font-size: 13px;
  }
  .c-seminar-upcoming__list > li:not(:last-child) {
    margin-bottom: 15px;
  }
  .c-seminar-upcoming__list__date {
    font-size: 14px;
  }
  .c-seminar-upcoming__list__link > a {
    font-size: 14px;
  }
  .c-seminar-upcoming__list__link > a:hover {
    text-decoration: none;
  }

  /**
   * c-seminar-past
   */
  .c-seminar-past__ttl {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }
  .c-seminar-past__ttl:before {
    width: calc(50px/1.5);
    height: 3px;
    bottom: -8px;
  }
  .c-seminar-past__list__ttl {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 25px;
  }
  .c-seminar-past__list__txt {
    margin-bottom: 20px;
  }
  .c-seminar-past__list > li {
    padding-bottom: 25px;
  }
  .c-seminar-past__list > li:not(:last-child) {
    margin-bottom: 25px;
  }

  .c-seminar-past__list__link > a {
    font-size: 14px;
  }
  .c-seminar-past__list__link > a:hover {
    text-decoration: none;
  }
  .c-seminar-past__list__link > a::after {
    content: '';
    display: block;
    width: calc( 16px / 1.5 );
    height: calc( 14px / 1.5 );
    position: absolute;
    top: 8px;
    right: -18px;
    background-size: calc( 16px / 1.5 ) calc( 14px / 1.5 );
  }
}


 


/**
 * list
 */
.u-list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.u-list > li::before {
  content: '・';
}



/**
 *
 */
@media only screen and (min-width:480px) {
  .u-mt10--pc {
    margin-top: 10px;
  }
  .u-mt20--pc {
    margin-top: 20px;
  }
  .u-mt30--pc {
    margin-top: 30px;
  }
  .u-mt40--pc {
    margin-top: 40px;
  }
  .u-mt50--pc {
    margin-top: 50px;
  }
  .u-mt60--pc {
    margin-top: 60px;
  }
  .u-mt70--pc {
    margin-top: 70px;
  }
  .u-mt80--pc {
    margin-top: 80px;
  }
  .u-mt90--pc {
    margin-top: 90px;
  }
  .u-mt100--pc {
    margin-top: 100px;
  }
  .u-mb10--pc {
    margin-bottom: 10px;
  }
  .u-mb20--pc {
    margin-bottom: 20px;
  }
  .u-mb30--pc {
    margin-bottom: 30px;
  }
  .u-mb40--pc {
    margin-bottom: 40px;
  }
  .u-mb50--pc {
    margin-bottom: 50px;
  }
  .u-mb60--pc {
    margin-bottom: 60px;
  }
  .u-mb70--pc {
    margin-bottom: 70px;
  }
  .u-mb80--pc {
    margin-bottom: 80px;
  }
  .u-mb90--pc {
    margin-bottom: 90px;
  }
  .u-mb100--pc {
    margin-bottom: 100px;
  }
  .u-pt10--pc {
    padding-top: 10px;
  }
  .u-pt20--pc {
    padding-top: 20px;
  }
  .u-pt30--pc {
    padding-top: 30px;
  }
  .u-pt40--pc {
    padding-top: 40px;
  }
  .u-pt50--pc {
    padding-top: 50px;
  }
  .u-pt60--pc {
    padding-top: 60px;
  }
  .u-pt70--pc {
    padding-top: 70px;
  }
  .u-pt80--pc {
    padding-top: 80px;
  }
  .u-pt90--pc {
    padding-top: 90px;
  }
  .u-pt100--pc {
    padding-top: 100px;
  }
  .u-pb10--pc {
    padding-bottom: 10px;
  }
  .u-pb20--pc {
    padding-bottom: 20px;
  }
  .u-pb30--pc {
    padding-bottom: 30px;
  }
  .u-pb40--pc {
    padding-bottom: 40px;
  }
  .u-pb50--pc {
    padding-bottom: 50px;
  }
  .u-pb60--pc {
    padding-bottom: 60px;
  }
  .u-pb70--pc {
    padding-bottom: 70px;
  }
  .u-pb80--pc {
    padding-bottom: 80px;
  }
  .u-pb90--pc {
    padding-bottom: 90px;
  }
  .u-pb100--pc {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width:480px) {
  .u-mt10--sp {
    margin-top: 10px;
  }
  .u-mt20--sp {
    margin-top: 20px;
  }
  .u-mt30--sp {
    margin-top: 30px;
  }
  .u-mt40--sp {
    margin-top: 40px;
  }
  .u-mt50--sp {
    margin-top: 50px;
  }
  .u-mt60--sp {
    margin-top: 60px;
  }
  .u-mt70--sp {
    margin-top: 70px;
  }
  .u-mt80--sp {
    margin-top: 80px;
  }
  .u-mt90--sp {
    margin-top: 90px;
  }
  .u-mt100--sp {
    margin-top: 100px;
  }
  .u-mb10--sp {
    margin-bottom: 10px;
  }
  .u-mb20--sp {
    margin-bottom: 20px;
  }
  .u-mb30--sp {
    margin-bottom: 30px;
  }
  .u-mb40--sp {
    margin-bottom: 40px;
  }
  .u-mb50--sp {
    margin-bottom: 50px;
  }
  .u-mb60--sp {
    margin-bottom: 60px;
  }
  .u-mb70--sp {
    margin-bottom: 70px;
  }
  .u-mb80--sp {
    margin-bottom: 80px;
  }
  .u-mb90--sp {
    margin-bottom: 90px;
  }
  .u-mb100--sp {
    margin-bottom: 100px;
  }
  .u-pt10--sp {
    padding-top: 10px;
  }
  .u-pt15--sp {
    padding-top: 15px;
  }
  .u-pt20--sp {
    padding-top: 20px;
  }
  .u-pt25--sp {
    padding-top: 25px;
  }
  .u-pt30--sp {
    padding-top: 30px;
  }
  .u-pt35--sp {
    padding-top: 35px;
  }
  .u-pt40--sp {
    padding-top: 40px;
  }
  .u-pt45--sp {
    padding-top: 45px;
  }
  .u-pt50--sp {
    padding-top: 50px;
  }
  .u-pt55--sp {
    padding-top: 55px;
  }
  .u-pt60--sp {
    padding-top: 60px;
  }
  .u-pt65--sp {
    padding-top: 65px;
  }
  .u-pt70--sp {
    padding-top: 70px;
  }
  .u-pt75--sp {
    padding-top: 75px;
  }
  .u-pt80--sp {
    padding-top: 80px;
  }
  .u-pt85--sp {
    padding-top: 85px;
  }
  .u-pt90--sp {
    padding-top: 90px;
  }
  .u-pt95--sp {
    padding-top: 95px;
  }
  .u-pt100--sp {
    padding-top: 100px;
  }
  .u-pb10--sp {
    padding-bottom: 10px;
  }
  .u-pb15--sp {
    padding-bottom: 15px;
  }
  .u-pb20--sp {
    padding-bottom: 20px;
  }
  .u-pb25--sp {
    padding-bottom: 25px;
  }
  .u-pb30--sp {
    padding-bottom: 30px;
  }
  .u-pb35--sp {
    padding-bottom: 35px;
  }
  .u-pb40--sp {
    padding-bottom: 40px;
  }
  .u-pb45--sp {
    padding-bottom: 45px;
  }
  .u-pb50--sp {
    padding-bottom: 50px;
  }
  .u-pb55--sp {
    padding-bottom: 55px;
  }
  .u-pb60--sp {
    padding-bottom: 60px;
  }
  .u-pb65--sp {
    padding-bottom: 65px;
  }
  .u-pb70--sp {
    padding-bottom: 70px;
  }
  .u-pb75--sp {
    padding-bottom: 75px;
  }
  .u-pb80--sp {
    padding-bottom: 80px;
  }
  .u-pb85--sp {
    padding-bottom: 85px;
  }
  .u-pb90--sp {
    padding-bottom: 90px;
  }
  .u-pb95--sp {
    padding-bottom: 95px;
  }
  .u-pb100--sp {
    padding-bottom: 100px;
  }
}