/*
Theme Name: RISE
*/

@charset "UTF-8";
/* CSS Document */

.clearfix:after {
	content: "";
	display: block;
	clear: both;
} 
.clearfix:before {
	content: "";
	display: block;
	clear: both;
} 
.clearfix {
	display: block;
}

.pc {display: block;}
.sp {display: none;}
.spOnly {display: none;}

html {
	font-size: 62.5%;
}

body {
	color:#222;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ヘッダー */
#homeHeader {
	position: fixed;
	z-index: 999;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: rgba(0,64,152,1);
}

#homeHeader.default{
	opacity: 0;
	transform: translateY(-100px);
  }

#header.UpMove{
  animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
  opacity: 1;
  transform: translateY(0);
  }
  to {
  opacity: 0;
  transform: translateY(-100px);
  }
}

#homeHeader.DownMove{
	animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime{
	from {
	opacity: 0;
	transform: translateY(-100px);
	}
	to {
	opacity: 1;
	transform: translateY(0);
	}
}

h1 {
	position: absolute;
	top: 23px;
	left: 46px;
	width: 100px;
}
h1 img {
	width: 100%;
}

/* グローバルナビゲーション */
nav {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 76px;
}

nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

nav ul li {
	display: inline-block;
	font-size: 2rem;
	margin-left: 28px;
	margin-top: 35px;
}

nav ul li a {
	color: #fff;
	display: block;
	padding: 4px 6px;
	font-family: sans-serif;
	font-style: italic;
	font-weight: bold;
}

/* フッター */
footer {
	position: relative;
	background-color: #004098;
	background-image: url('/wp-content/themes/rise-wp/images/bg_diagonal.png');
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 300px;
}

.footerLogo {
	width: 168px;
	margin: 0 auto 40px;
}
.footerLogo img {
	width: 100%;
}

.footerText {
	font-size: 2rem;
	text-align: center;
	color: #fff;
	margin-bottom: 16px;
}

.footerNav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 50px;
	margin-bottom: 66px;
}

.footerNav li {
	display: inline-block;
	font-size: 1.8rem;
	margin-left: 28px;
	margin-top: 17px;
}

.footerNav li a {
	color: #fff;
	display: block;
	padding: 4px 6px;
	font-family: sans-serif;
	font-weight: bold;
}

.footerWorksArea {
	overflow: hidden;
	display: flex;
}

.footerWorksScroll {
	animation: scroll-left 50s infinite linear 0.5s both;
}

.footerWorks {
	width: calc(100vw / 1);
	padding: 0;
}

.footerWorks img {
	width: 100%;
}

@keyframes scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
}

.footerWorksThumb01 {
	position: absolute;
	top: 2.6%;
	left: 0;
	width: 8.6%;
}
.footerWorksThumb01 img {
	width: 100%; 
}

.footerWorksThumb02 {
	position: absolute;
	top: 59.2%;
	left: 1.3%;
	width: 8.3%;
}
.footerWorksThumb02 img {
	width: 100%; 
}

.footerWorksThumb03 {
	position: absolute;
	top: 9%;
	left: 11.8%;
	width: 22.9%;
}
.footerWorksThumb03 img {
	width: 100%; 
}

.footerWorksThumb04 {
	position: absolute;
	top: 4.2%;
	left: 36.8%;
	width: 21.1%;
}
.footerWorksThumb04 img {
	width: 100%; 
}

.footerWorksThumb05 {
	position: absolute;
	top: 45.2%;
	left: 37.8%;
	width: 19.1%;
}
.footerWorksThumb05 img {
	width: 100%; 
}

.footerWorksThumb06 {
	position: absolute;
	top: 0;
	right: 18.9%;
	width: 20.8%;
}
.footerWorksThumb06 img {
	width: 100%; 
}

.footerWorksThumb07 {
	position: absolute;
	top: 64.2%;
	right: 25.6%;
	width: 13.5%;
}
.footerWorksThumb07 img {
	width: 100%; 
}

.footerWorksThumb08 {
	position: absolute;
	top: 58.2%;
	right: 16.7%;
	width: 7%;
}
.footerWorksThumb08 img {
	width: 100%; 
}

.footerWorksThumb09 {
	position: absolute;
	top: 2.2%;
	right: 2%;
	width: 16%;
}
.footerWorksThumb09 img {
	width: 100%; 
}

.footerWorksThumb10 {
	position: absolute;
	top: 37.2%;
	right: 0;
	width: 15.5%;
}
.footerWorksThumb10 img {
	width: 100%; 
}

address {
	font-style: normal;
	font-size: 1.8rem;
	padding-left: 50px;
	padding-bottom: 30px;
	color: #fff;
}

/* 下層ページ共通
----------------------------------------------- */
#underBody {
	background-image: url('/wp-content/themes/rise-wp/images/bg_hexagon.png');
	background-repeat: no-repeat;
	background-position: top -680px left 830px;
}

/* ヘッダー */
#Header {
	position: fixed;
	z-index: 999;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: rgba(0,64,152,1);
}

#contentHeader {
	padding-top: 120px;
}

.contentHeaderArea {
	width: 96%;
	margin: 0 auto;
	border-bottom: 1px solid #767373;
}

#contentHeader h2 {
	overflow: hidden;
	padding: 100px 0;
}

.titleEn {
	font-family: sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 16rem;
	float: left;
	margin-right: 100px;
}

.titleJp {
	font-size: 4rem;
	font-weight: bold;
	margin-top: 43px;
}

.breadcrumb {
	font-family: sans-serif;
	font-style: italic;
	font-size: 1.6rem;
	margin-top: 20px;
}

#contentArea {
	position: relative;
}

/* フッター */
#footer {
	position: relative;
	background-color: rgba(0,64,152,0);
	background-image: url('/wp-content/themes/rise-wp/images/bg_diagonal.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding-top: 400px;
}

/* ページネーション */
.pagination {
	position: relative;
	text-align: center;
}

.page-numbers {
	font-size: 2.4rem;
	display: block;
}

span.current {
	color: #FF7907;
	font-size: 3rem;
}

.page-numbers li a {
	color: #222222;
	font-style: normal;
}

/* トップページ
----------------------------------------------- */

/* メインビジュアル */
#mainVisual {
	position: relative;
	width: 100%;
	height: 960px;
}

.mvBg {
	background-image: url(/wp-content/themes/rise-wp/images/mv_bg.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	width: 100%;
	height: 100%;
	animation-name: bgfadein;
	animation-duration: 0.6s;
	animation-delay: 3.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

.mvCatch1 {
	position: absolute;
	top: 260px;
	left: 34px;
	animation-name: white;
	animation-duration: 0.6s;
	animation-delay: 3.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

.mvCatch1_2 {
	position: absolute;
	top: 260px;
	left: 34px;
	animation-name: color;
	animation-duration: 3s;
	animation-fill-mode: forwards;
}

.mvCatch2 {
	position: absolute;
	top: 350px;
	left: 34px;
	animation-name: white;
	animation-duration: 0.6s;
	animation-delay: 3.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

.mvCatch2_2 {
	position: absolute;
	top: 350px;
	left: 34px;
	animation-name: color;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

.mvCatch3 {
	position: absolute;
	top: 600px;
	left: 34px;
	color: #fff;
	font-size: 5rem;
	font-weight: bold;
	font-family: sans-serif;
	font-style: italic;
	animation-name: white;
	animation-duration: 0.6s;
	animation-delay: 3.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

.mvCatch3_2 {
	position: absolute;
	top: 600px;
	left: 34px;
	color: #122B54;
	font-size: 5rem;
	font-weight: bold;
	font-family: sans-serif;
	font-style: italic;
	animation-name: color;
	animation-duration: 1s;
	animation-delay: 2s;
	animation-fill-mode: both;
}

@keyframes bgfadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes color {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes white {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* 動画エリア */
.movieArea {
	width: 100%;
	margin: 0 auto;
}
.movieArea video {
	width: 100%;
}

/* Concept */
#concept {
	position: relative;
	height: 1600px;
	overflow: hidden;
}

.conceptBg {
	position: absolute;
	top: 100px;
	right: -658px;
	opacity: 0.3;
}
.conceptBg img {
	width: 100%;
}

.conceptTitle {
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.conceptTitle img {
	width: 100%;
}

.cenceptCatch {
	position: absolute;
	top: 400px;
	left: 34px;
	width: 38%;
}

.cenceptCatch span {
	display: block;
	font-size: 7rem;
	line-height: 12rem;
	font-weight: bold;
}

.conceptLead1 {
	position: absolute;
	top: 400px;
	right: 50px;
	width: 48%;
	font-size: 3.2rem;
	line-height: 6rem;
}

.conceptImg1 {
	width: 35%;
	position: absolute;
	top: 700px;
	left: 34px;
}
.conceptImg1 img {
	width: 100%;
}

.conceptImg2 {
	width: 63%;
	position: absolute;
	top: 1000px;
	right: 50px;
}
.conceptImg2 img {
	width: 100%;
}

.conceptLead2 {
	position: absolute;
	top: 720px;
	right: 50px;
	width: 57%;
	font-size: 3.2rem;
	line-height: 6rem;
}

.conceptLead3 {
	position: absolute;
	top: 1200px;
	left: 34px;
	width: 30%;
	font-size: 3rem;
	line-height: 4.6rem;
}

/* Strength */
#strength {
	position: relative;
	height: 2000px;
	overflow: hidden;
}

.strengthBg {
	position: absolute;
	top: 0;
	left: -658px;
	opacity: 0.3;
}
.strengthBg img {
	width: 100%;
}

.strengthTitle {
	width: 46%;
	position: absolute;
	top: 20px;
	left: 34px;
}
.strengthTitle img {
	width: 100%;
}

.strengthCatch {
	position: absolute;
	top: 400px;
	left: 34px;
	width: 38%;
	font-size: 8rem;
	line-height: 12rem;
	font-weight: bold;
}

.strengthlist {
	width: 93%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 450px;
}

.strengthDetail {
	float: left;
	width: 33%;
}
.strengthDetail:nth-child(1) {
	padding-top: 300px; 
}
.strengthDetail:nth-child(2) {
	padding-top: 150px; 
}

.strengthDetailPhoto img {
	width: 100%;
}

.strengthDetailTitle {
	font-size: 3rem;
	font-weight: bold;
	line-height: 5rem;
	padding: 10px;
}

.strengthDetailText {
	font-size: 2rem;
	line-height: 3.6rem;
	padding: 10px;
}

/* Works */
#works {
	position: relative;
	background-color: #004098;
}

.worksBg {
	position: absolute;
	top: -640px;
	left: 0;
	width: 100%;
}
.worksBg img {
	width: 100%;
}

.worksTitle {
	position: relative;
	margin-left: 34px;
	width: 83%;
	margin-bottom: 60px;
}
.worksTitle img {
	width: 100%;
}

.worksSubtitle {
	position: relative;
	font-size: 6rem;
	text-align: center;
	color: #fff;
	margin-bottom: 60px;
}

.worksList {
	position: relative;
	width: 89%;
	margin: 0 auto;
	overflow: hidden;
}

.worksList li {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.worksList li:nth-of-type(3n) {
	margin-right: 0;
}

.worksListPhoto {
	position: relative;
	margin-bottom: 22px;
}
.worksListPhoto img {
	width: 100%;
	height: 100%;
}

.worksListcate {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.4rem;
	color: #fff;
	background-color: #4BC40B;
	padding: 16px 17px;
}

.worksListTitle {
	font-size: 2.4rem;
	line-height: 3.6rem;
	color: #fff;
	margin-bottom: 130px;
}

/* Topics */
#topics {
	position: relative;
	background-color: #004098;
	height: 1500px;
}

.topicsBg {
	position: absolute;
	top: 0;
	left: -1010px;
	width: 98%;
}

.topicsBg img {
	width: 100%;
}

.topicsArea1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.topicsTitle {
	position: relative;
	margin-left: 34px;
	margin-bottom: 100px;
	width: 64%;
}
.topicsTitle img {
	width: 100%;
}

.topicsSubtitle {
	position: relative;
	width: 100%;
	font-size: 6rem;
	text-align: center;
	color: #fff;
}

.topicsArea {
	position: relative;
	width: 1160px;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #fff;
	margin: 60px auto;
}

.topicsList {
	overflow: hidden;
	border-top: 1px solid #fff;
	padding: 28px 30px;
}
.topicsList:last-child {
	border-bottom: 1px solid #fff;
}

.topicsList dt {
	float: left;
	height: 100%;
	margin-right: 20px;
	display: flex;
    align-items: center;
}

.topicsList dd {
	float: left;
}

.topicsList a {
	color: #fff;
}

.topicsArrow {
	float: right;
	font-size: 4rem;
	line-height: 0.5;
}

.topicsBtn {
	position: relative;
	width: 600px;
	margin: 0 auto;
}

.topicsBtn a {
	display: block;
	color: #fff;
	width: 100%;
	padding: 20px 0;
	border: 1px solid #fff;
	text-align: center;
	font-size: 2rem;
}

.parallax_front{
	-webkit-transform: translateZ(5px);
	transform: translateZ(5px);
  }
  .parallax_back{
	-webkit-transform: translateZ(-10px) scale(5);
	transform: translateZ(-10px) scale(5);
  }

/* Contact */
#contact {
	position: relative;
	background-color: #004098;
	overflow: hidden;
}

.contactBg {
	position: absolute;
	top: 0;
	left: 1000px;
}

.contactTitle {
	margin-left: 34px;
	width: 75%;
	margin-bottom: 100px;
}
.contactTitle img {
	width: 100%;
}

.contactSubtitle {
	width: 100%;
	font-size: 6rem;
	text-align: center;
	color: #fff;
	margin-bottom: 100px;
}

.contactArea {
	width: 100%;
	padding: 230px 0;
	background-image: url('/wp-content/themes/rise-wp/images/index_contact_bg.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.contactLink {
	width: 866px;
	background-color: rgba(239,202,2,0.9);
	margin: 0 auto;
	background-image: url('/wp-content/themes/rise-wp/images/index_contact_arrow.png');
	background-repeat: no-repeat;
	background-position: bottom 50% right 60px;
}

.contactLink a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 4.6rem;
	padding: 87px 42px;
}

/* SERVICE
----------------------------------------------- */

.serviceLead {
	width: 1154px;
	margin: 60px auto 0;
	font-size: 1.8rem;
	line-height: 1.8;
}

.serviceCate {
	width: 1154px;
	margin: 60px auto 100px;
	overflow: hidden;
}

.serviceCate li {
	float: left;
	width: 275px;
	margin-right: 18px;
}
.serviceCate li img {
	width: 100%;
}

.serviceCate li:last-child {
	margin-right: 0;
}

.serviceCateArea {
	width: 1154px;
	margin: 0 auto 56px;
	border-bottom: 1px solid #767373;
	padding-bottom: 45px;
}

.serviceCateTitle {
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.serviceCateTitleJp {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 52px;
}

.serviceCateDetail {
	overflow: hidden;
}

.serviceDetailPhoto {
	float: left;
	width: 460px;
}
.serviceDetailPhoto img {
	width: 100%;
}

.serviceDetailText {
	float: right;
	width: 660px;
}

.serviceDetailText p {
	font-size: 1.8rem;
	line-height: 1.8;
	margin-bottom: 50px;
}

.serviceDetailBtn {
	overflow: hidden;
}

.serviceDetailBtn a {
	display: block;
	width: 260px;
	float: right;
	margin-left: 20px;
	font-size: 1.6rem;
	text-align: center;
	padding: 16px 0;
	background-image: url('/wp-content/themes/rise-wp/images/index_contact_arrow.png');
	background-repeat: no-repeat;
	background-size: 27px 27px;
	background-position:  bottom 50% right 12px;
}

.serviceBtnWorks {
	color: #fff;
	background-color: #004098;
}

.serviceBtnContact {
	background-color: #F4F433;
}

/* WORKS
----------------------------------------------- */

.worksCate {
	width: 89%;
	margin: 50px auto;
	overflow: hidden;
}

.worksCate li a {
	float: left;
	font-size: 2.4rem;
	color: #004098;
	margin-right: 50px;
}

.worksCate li.active {
	color: #FA8006;
	float: left;
	font-size: 2.4rem;
	margin-right: 50px;
}

.underWorksList {
	width: 89%;
	margin: 0 auto;
	overflow: hidden;
}

.underWorksList  li {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.underWorksList  li:nth-of-type(3n) {
	margin-right: 0;
}

.underWorksListTitle {
	font-size: 2.4rem;
	line-height: 3.6rem;
	color: #222;
	margin-bottom: 130px;
}

.youtubeArea {
	width: 1154px;
	aspect-ratio: 16 / 9;
	margin: 0 auto 40px;
}
.youtubeArea iframe {
	width: 100%;
	height: 100%;
}

.youtubeDetailArea {
	width: 1154px;
	margin: 0 auto;
}

.youtubeDetailArea p {
	font-size: 1.8rem;
	line-height: 1.6;
	margin-bottom: 20px;
}

p.youtubeTitle {
	font-size: 3.4rem;
	font-weight: bold;
	padding-bottom: 18px;
	border-bottom: 1px solid #767373;
	margin-bottom: 18px;
}

.youtubeDetail span {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 12px;
}

/* TOPICS
----------------------------------------------- */

.topicsText {
	width: 60%;
	margin: 0 auto 20px;
	border-bottom: 1px solid #767373;
	padding-bottom: 20px;
}
.topicsText:first-child {
	margin-top: 90px;
}

.topicsText p {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.8;
}

p.topicTitleArea {
	overflow: hidden;
}

.topicDate {
	float: left;
	font-size: 1.9rem;
	font-weight: bold;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 2px solid #222;
}

.topicTitle {
	float: left;
	width: 84%;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 22px;
}

.articleArea {
	width: 1154px;
	margin: 60px auto 0;
}

.articleArea p {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 60px;
}

p.articleDate {
	font-size: 1.8rem;
	font-weight: bold;
	color: #F81616;
	margin-bottom: 10px;
}

p.articleTitle {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.3;
	padding-bottom: 22px;
	border-bottom: 1px solid #767373;
	margin-bottom: 30px;
}

.articleBtn {
	width: 300px;
	margin: 0 auto;
}

.articleBtn a {
	display: block;
	width: 100%;
	background-color: #004098;
	color: #fff;
	padding: 30px 0;
	text-align: center;
	font-size: 1.8rem;
}

/* COMPANY
----------------------------------------------- */

.companyDetail {
	width: 1154px;
	margin: 40px auto;
}

.companyDetail dl {
	padding: 40px 100px;
	overflow: hidden;
}
.companyDetail dl:nth-child(odd) {
	background-color: #F2F0F0;
}

.companyDetail dt {
	float: left;
	width: 200px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.8;
}

.companyDetail dd {
	float: left;
	font-size: 1.8rem;
	line-height: 1.8;
}

.companyMap {
	width: 1154px;
	margin: 0 auto;
}

.companyMap h3 {
	font-size: 5rem;
	font-weight: bold;
	margin-bottom: 32px;
}

/* CONTACT
----------------------------------------------- */

.cantactLead {
	width: 1000px;
	margin: 60px auto 0;
}
.cantactLead img {
	width: 100%;
}

.contactForm {
	width: 1154px;
	margin: 78px auto 0;
}

.contactForm dl {
	border-bottom: 1px solid #767373;
	margin-bottom: 24px;
}

.contactForm dt {
	font-size: 2rem;
	font-weight: bold;
}

.contactForm dd p {
	font-size: 1.8rem;
	margin: 20px 0;
}

.contactForm input {
	border: none;
	font-size: 1.8rem;
	margin: 20px 0;
}

.contactForm textarea {
	width: 100%;
	margin: 20px 0;
	height: 250px;
	border: none;
	font-size: 1.8rem;
}

.confirmBtn {
	width: 300px;
	margin: 0 auto;
}

.confirmBtn input {
	background-color: #004098;
	color: #fff;
	padding: 30px 0;
	width: 100%;
}

.backBtn {
	width: 300px;
	margin: 0 auto;
}

.backBtn input {
	background-color: #999;
	padding: 30px 0;
	width: 100%;
}

.contactText {
	font-size: 1.8rem;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 30px;
}

.contactPrivacy {
	font-size: 1.6rem;
	text-align: center;
	margin: 20px auto;
}

.contactThanksArea {
	width: 1154px;
	margin: 40px auto;
}

.contactThanksArea p {
	font-size: 1.8rem;
	line-height: 1.8;
	margin-bottom: 20px;
}

/* PRIVACY
----------------------------------------------- */

.privacyDetail {
	width: 1154px;
	margin: 40px auto;
}

.privacyDetail dl {
	padding: 40px 0;
	border-bottom: 1px solid #767373;
}
.privacyDetail dl:last-child {
	border-bottom: none;
}

.privacyDetail dt {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 18px;
}

.privacyDetail dd {
	font-size: 1.8rem;
	line-height: 1.8;
}

/* ==============================================
 レスポンシブ
=============================================== */
/* タブレット縦・スマートフォン横
----------------------------------------------- */
@media screen and (max-width: 1280px) {
    .pc {display: none;}
	.sp {display: block;}

	/*　ハンバーガーボタン　*/
	.hamburger {
		display : block;
		position: absolute;
		z-index : 110;
		right : 0px;
		top   : 0px;
		width : 100px;
		height: 100px;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		text-align: center;
  	}
  	.hamburger span {
		display : block;
		position: absolute;
		width   : 60px;
		height  : 6px ;
		left    : 20px;
		background : #FFF;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition   : 0.5s ease-in-out;
		transition        : 0.5s ease-in-out;
  	}
  	.hamburger span:nth-child(1) {
		top: 28px;
  	}
  	.hamburger span:nth-child(2) {
		top: 47px;
  	}
  	.hamburger span:nth-child(3) {
		top: 66px;
  	}
  
  /* ナビ開いてる時のボタン */
  	.hamburger.active span:nth-child(1) {
		top : 38px;
		left: 19px;
		-webkit-transform: rotate(315deg);
		-moz-transform   : rotate(315deg);
		transform        : rotate(315deg);
  	}
  
  	.hamburger.active span:nth-child(2),
  	.hamburger.active span:nth-child(3) {
		top: 38px;
		-webkit-transform: rotate(-315deg);
		-moz-transform   : rotate(-315deg);
		transform        : rotate(-315deg);
  	}

	nav.globalMenuSp {
		display: block;
		position: fixed;
		z-index : 100;
		top  : 0;
		left : 0;
		color: #000;
		background: #fff;
		text-align: center;
		transform: translateX(100%);
		transition: all 0.6s;
		width: 100%;
  	}
  
	nav.globalMenuSp ul {
		background: #004098;
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
  
	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
		border-bottom: 1px solid #fff;
		margin-top: 0;
		margin-left: 0;
	}
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
  
	nav.globalMenuSp ul li a {
		display: block;
		color: #FFF;
		font-size: 24px;
		padding: 30px 0;
		text-decoration :none;
	}
  
	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
		transform: translateX(0%);
	}

	/* 下層ページ共通
	----------------------------------------------- */

	/* ヘッダー */

	.titleEn {
		font-size: 10rem;
		margin-right: 40px;
	}

	.titleJp {
		font-size: 3rem;
		margin-top: 18px;
	}

	.breadcrumb {
		margin-top: 16px;
	}

	/* トップページ
	----------------------------------------------- */

	/* メインビジュアル */

	.mvCatch1 {
		width: 60%;
	}
	.mvCatch1 img {
		width: 100%;
	}

	.mvCatch1_2 {
		width: 60%;
	}
	.mvCatch1_2 img {
		width: 100%;
	}

	.mvCatch2 {
		width: 80%;
	}
	.mvCatch2 img {
		width: 100%;
	}

	.mvCatch2_2 {
		width: 80%;
	}
	.mvCatch2_2 img {
		width: 100%;
	}

	.mvCatch3 {
		top: 500px;
		font-size: 4rem;
	}

	.mvCatch3_2 {
		top: 500px;
		font-size: 4rem;
	}

	/* CONCEPT */

	#concept {
		height: auto;
		margin-bottom: 60px;
	}

	.conceptTitle {
		position: relative;
		width: 60%;
	}

	.cenceptCatch {
		position: relative;
		top: inherit;
		width: auto;
		font-size: 6rem;
		line-height: 10rem;
		margin-bottom: 60px;
	}

	.cenceptCatch span {
		display: inline;
	}

	.conceptLead1 {
		position: relative;
		top: inherit;
		right: auto;
		margin: 0 auto 60px;
		width: 90%;
	}

	.conceptImg1 {
		position: relative;
		top: inherit;
		left: auto;
		margin: 0 auto 60px;
		width: 90%;
	}

	.conceptImg2 {
		position: relative;
		top: inherit;
		right: auto;
		margin: 0 auto 60px;
		width: 90%;
	}

	.conceptLead2 {
		position: relative;
		top: inherit;
		right: auto;
		margin: 0 auto 60px;
		width: 90%;
	}

	.conceptLead3 {
		position: relative;
		top: inherit;
		left: auto;
		margin: 0 auto;
		width: 90%;
	}

	/* Strength */

	#strength {
		height: auto;
		margin-bottom: 260px;
	}

	.strengthCatch {
		position: relative;
		top: inherit;
		left: auto;
		margin: 0 auto;
		width: 90%;
	}

	.strengthlist {
		padding-top: 0;
	}

	.strengthDetailTitle {
		font-size: 2.8rem;
	}


	/* Works */

	.worksBg {
		top: -360px;
	}

	.worksListTitle {
		margin-bottom: 80px;
	}

	/* Topics */

	#topics {
		height: auto;
		padding-bottom: 60px;
	}

	.topicsArea1 {
		position: relative;
	}

	.topicsArea {
		width: 96%;
	}

	/* Contact */
	
	.contactArea_sp {
		position: relative;
		width: 100%;
		padding: 230px 0;
	}

	.contactAreaInner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		clip-path: inset(0);
	}

	.contactAreaBg {
		position: fixed;
   		top: 0;
   		left: 0;
   		width: 100vw;
   		height: 100vh;
   		background-image: url('/wp-content/themes/rise-wp/images/index_contact_bg.jpg');
   		background-size: cover;
   		background-position: center;
   		z-index: -1;
	}

	.contactLink {
		position: relative;
		z-index: 10;
		width: 80%;
	}

	.contactLink a {
		font-size: 5rem;
		padding: 50px 30px;
	}

	/* SERVICE
	----------------------------------------------- */

	.serviceLead {
		width: 90%;
	}

	.serviceCate {
		width: 568px;
	}

	.serviceCate li {
		margin-bottom: 20px;
	}

	.serviceCate li:nth-child(2n) {
		margin-right: 0;
	}

	.serviceCateArea {
		width: 90%;
	}

	.serviceDetailPhoto {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}

	.serviceDetailText {
		float: none;
		width: 100%;
	}

	/* WORKS
	----------------------------------------------- */

	.youtubeArea {
		 width: 100%;
	}

	.youtubeDetailArea {
		width: 90%;
	}

	/* TOPICS
	----------------------------------------------- */

	.topicsText {
		width: 90%;
	}

	.articleArea {
		width: 90%;
	}

	/* COMPANY
	----------------------------------------------- */

	.companyDetail {
		width: 90%;
	}

	.companyDetail dl {
		padding: 20px 40px;
	}

	.companyMap {
		width: 90%;
	}

	/* CONTACT
	----------------------------------------------- */

	.cantactLead {
		width: 86%;
	}

	.contactForm {
		width: 90%;
	}
	
	.contactThanksArea {
		width: 90px;
	}
	
	/* PRIVACY
	----------------------------------------------- */

	.privacyDetail {
		width: 90%;
	}
 }

/* スマートフォン縦
----------------------------------------------- */
@media screen and (max-width: 768px) {
	
	.spOnly {display: block;}

	#homeHeader {
		height: 80px;
	}

	/*　ハンバーガーボタン　*/

	.hamburger span {
		width: 40px;
	}

	/* 画面下部の問い合わせエリア */
	
	.spContactArea {
		overflow: hidden;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-color: #666;
		z-index: 100;
	}
	
	.spContactMail {
		float: left;
		width: 48%;
		border: 1px solid #fff;
		margin: 1% 0 1% 1%;
	}
	
	.spContactTel {
		float: right;
		width: 48%;
		border: 1px solid #fff;
		margin: 1% 1% 1% 0;
	}
	
	.spContactMail a, .spContactTel a  {
		display: block;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 1.6rem;
		padding: 14px 0;
	}

	/* 下層ページ共通
	----------------------------------------------- */

	#Header {
		height: 80px;
	}

	h1 {
		width: 80px;
		top: 19px;
		left: 20px;
	}

	.hamburger {
		width: 80px;
		height: 80px;
	}

	.hamburger span:nth-child(1) {
		top: 20px;
  	}
  	.hamburger span:nth-child(2) {
		top: 37px;
  	}
  	.hamburger span:nth-child(3) {
		top: 54px;
  	}

	/* ヘッダー */

	#contentHeader {
		padding-top: 90px;
	}

	.titleEn {
		font-size: 5rem;
		margin-right: 0;
		float: none;
	}

	/* フッター */

	footer {
		padding-top: 90px;
	}

	#footer {
		padding-top: 200px;
	}

	.footerText {
		font-size: 1.6rem;
	}

	.footerNav li {
		font-size: 1.6rem;
	}

	address {
		font-size: 1.4rem;
		padding-left: 0;
		text-align: center;
	}

	/* トップページ
	----------------------------------------------- */

	#mainVisual {
		height: 600px;
	}

	.mvCatch1 {
		top: 210px;
	}

	.mvCatch1_2 {
		top: 210px;
	}

	.mvCatch2 {
		top: 250px;
	}

	.mvCatch2_2 {
		top: 250px;
	}

	.mvCatch3 {
		top: 330px;
		font-size: 2rem;
	}

	.mvCatch3_2 {
		top: 330px;
		font-size: 2rem;
	}

	.cenceptCatch {
		margin-bottom: 0;
		left: auto;
		width: 90%;
		margin: 0 auto;
	}

	.cenceptCatch span {
		font-size: 2.8rem;
	}

	.conceptLead1 {
		font-size: 1.8rem;
		line-height: 3rem;
		margin: 0 auto 30px;
	}

	.conceptLead2 {
		font-size: 1.8rem;
		line-height: 3rem;
		margin: 0 auto 30px;
	}

	.conceptLead3 {
		font-size: 1.8rem;
		line-height: 3rem;
	}

	.conceptImg1 {
		margin: 0 auto 30px;
	}

	.conceptImg2 {
		margin: 0 auto 30px;
	}

	#strength {
        margin-bottom: 160px;
    }

	.strengthCatch {
		font-size: 2.8rem;
	}

	.strengthDetailTitle {
        font-size: 2.2rem;
		line-height: 4rem;
    }

	.strengthDetailText {
		font-size: 1.8rem;
		line-height: 3.2rem;
	}

	.strengthDetail {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.strengthDetail:nth-child(1) {
		padding-top: 0;
	}
	.strengthDetail:nth-child(2) {
		padding-top: 0;
	}

	.worksBg {
		top: -180px;
	}

	.worksSubtitle {
		font-size: 4rem;
	}

	.worksList li {
		float: none;
		width: 100%;
	}

	.worksListTitle {
		font-size: 2rem;
		line-height: 3.2rem;
		margin-bottom: 60px;
	}

	.topicsTitle {
		margin-bottom: 60px;
	}

	.topicsSubtitle {
		font-size: 4rem;
	}

	.topicsBtn {
		width: 80%;
	}

	.contactTitle {
		margin-bottom: 60px;
	}

	.contactSubtitle {
		font-size: 4rem;
		margin-bottom: 60px;
	}

	.contactAreaBg {
		background-image: url('/wp-content/themes/rise-wp/images/index_contact_bg_sp.jpg');
	}

	.contactLink {
		width: 80%;
		background-size: 40px 40px;
		background-position: top 50% right 20px;
	}

	.contactLink a {
		font-size: 2.4rem;
		padding: 30px 20px;
	}


	/* SERVICE
	----------------------------------------------- */

	.serviceLead {
		font-size: 1.6rem;
		margin: 30px auto 0;
	}

	.serviceCate {
		width: 90%;
		margin: 30px auto 60px;
	}

	.serviceCate li {
		width: 48%;
		margin-right: 4%;
	}

	.serviceCateArea {
		padding-bottom: 0;
	}

	.serviceCateTitle {
		font-size: 4rem;
	}

	.serviceCateTitleJp {
		font-size: 1.8rem;
		margin-bottom: 30px;
	}

	.serviceDetailText p {
		font-size: 1.6rem;
	}

	.serviceDetailBtn a {
		float: none;
		margin: 0 auto 20px;
	}

	/* WORKS
	----------------------------------------------- */

	.worksCate {
		margin: 30px auto;
	}

	.worksCate li {
		font-size: 1.8rem;
		margin-right: 20px;
	}

	.underWorksList li {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	.underWorksList li:nth-of-type(3n) {
		margin: 0 auto;
	}

	.underWorksListTitle {
		font-size: 2rem;
		margin-bottom: 60px;
	}
	
	.youtubeTitle {
		font-size: 2.4rem;
	}

	.youtubeDetail {
		font-size: 1.6rem;;
	}

	/* TOPICS
	----------------------------------------------- */

	.articleArea {
		margin: 22px auto 0;
	}

	.articleTitle {
		font-size: 2rem;
	}

	/* COMPANY
	----------------------------------------------- */

	.companyDetail dl {
		padding: 8px 10px;
	}

	.companyDetail dt {
		width: 100px;
	}

	.companyMap h3 {
		font-size: 3rem;
		margin-bottom: 20px;
	}

	/* CONTACT
	----------------------------------------------- */

	.contactForm {
		margin: 30px auto 0;
	}

	/* PRIVACY
	----------------------------------------------- */

	.privacyDetail dd {
		font-size: 1.6rem;
	}
	
}