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

/*==================================
	common
==================================*/
body section.subContentsArea { color: #000 !important;}
section.subContentsArea { background: #fff;}
section.subContentsArea .pageTitArea { position: relative; color: #fff; display: flex; justify-content: space-between; align-items: center;}
section.subContentsArea .pageTitArea .pageTit { position: relative; font-weight: bold; letter-spacing: 0.2em;}
section.subContentsArea .pageTitArea .pageTit.squareIcon:before { position: absolute; content: ""; display: inline-block; background: url("../img/icon_box.svg") no-repeat; background-size: contain;}
section.subContentsArea .pageTitArea .en { color: #656766; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1.5;}
section.subContentsArea .subTit { line-height: 1; text-align: center;}
section.subContentsArea .subTit .square { font-weight: bold; border: solid 1px #000; padding: 15px 0; margin: 0 auto; background: #fff;}
section.subContentsArea .subTit .en:before { content: ""; background: #000; width: 1px; display: block;}
section.subContentsArea .subTit .en { font-family: 'Open Sans', sans-serif; font-weight: 600;}
section.subContentsArea dl.table dt { font-weight: bold;}
section.subContentsArea dl.table dd { border-bottom: solid 1px #2ca6e0;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
article.bgbl { padding: 40px 0 60px 0;}
article.bggy { padding: 40px 0 60px 0;}
article.bgwh { padding: 40px 0 0 0;}
section.subContentsArea .inner { padding: 120px 0 40px 0;}
section.subContentsArea .pageTitArea { height: 183px; background: url("../img/pageTitArea.png") no-repeat right center #000;}
section.subContentsArea .pageTitArea .pageTit { font-size: 48px; padding-left: 197px;}
section.subContentsArea .pageTitArea .pageTit.squareIcon:before { width: 46px; height: 46px; left: 120px; top: 14px;}
section.subContentsArea .pageTitArea .en { font-size: 30px; padding-right: 180px;}
section.subContentsArea .subTit { margin-bottom: 60px;}
section.subContentsArea .subTit .square { font-size: 30px; width: 290px;}
section.subContentsArea .subTit .en { font-size: 25px;}
section.subContentsArea .subTit .en:before { height: 23px; margin:15px auto 5px auto;}
section.subContentsArea dl.table { display: flex; flex-wrap: wrap; width: 100%; table-layout: fixed;}
section.subContentsArea dl.table dt { font-size: 16px; width: 30%; margin-top: 20px; padding-bottom: 20px; border-bottom: solid 1px #2ca6e0;}
section.subContentsArea dl.table dd { font-size: 16px; width: 70%; margin-top: 20px; padding-bottom: 20px;}
section.subContentsArea dl.table dt,
section.subContentsArea dl.table dd {
    display: table-cell;    /* dt・ddを「セル扱い」に */
    vertical-align: top;
    padding: 8px;
    margin-top: 0;          /* 不要ならmarginは外す */
  }
section.subContentsArea dl.table dt,
section.subContentsArea dl.table dd {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px; /* 横方向の隙間はお好みで */
  /* width: 200px; など 固定幅やパーセントを指定してもOK */
}
section.subContentsArea dl.table dd::after {
  content: "";
  display: block; /* dd直後で強制改行 */
}
section.subContentsArea dl.table dd .period { padding-left: 40px;}
section.subContentsArea dl.table dd .or { margin-top: 20px;}
section.subContentsArea dl.table dd.detail p { margin-top: 20px;}
}

section.subContentsArea dl.table p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
section.subContentsArea dl.table {
  margin: 20px auto;
}
section.subContentsArea dl.table .tbl-r02 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
section.subContentsArea dl.table .tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}
 
@media screen and (max-width: 640px) {
 section.subContentsArea dl.table .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
 section.subContentsArea dl.table .tbl-r02 {
    width: 80%;
  }
 section.subContentsArea dl.table .tbl-r02 th,
 section.subContentsArea dl.table .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
article.bgbl { padding: 15px 0 60px 0;}
article.bggy { padding: 15px 0 60px 0;}
article.bgwh { padding: 15px 0 0 0;}
section { width: 100% !important; margin: 0 auto; padding: 0;}
section.subContentsArea .inner { width: 90%; margin: 0 auto;padding: 20px 0 40px 0; text-align: center;}
section.subContentsArea .pageTitArea { background: url("../img/pageTitArea.png") no-repeat right -1px center #000; background-size: auto 120%; height: 80px;}
section.subContentsArea .pageTitArea .pageTit { font-size: 20px; display: inline-block;}
section.subContentsArea .pageTitArea .pageTit.squareIcon { padding-left: 48px;}
section.subContentsArea .pageTitArea .pageTit.squareIcon:before { width: 18px; height: 18px; left: 15px; top: 5px;}
section.subContentsArea .pageTitArea .en { font-size: 12px; padding-right: 60px;}
section.subContentsArea .subTit { padding-bottom: 20px;}
section.subContentsArea .subTit .square { font-size: 18px; display: inline-block; padding: 10px 20px;}
section.subContentsArea .subTit .en { font-size: 16px;}
section.subContentsArea .subTit .en:before { height: 15px; margin:10px auto 5px auto;}
section.subContentsArea dl.table { width: 90%; margin: 0 auto; text-align: left;}
section.subContentsArea dl.table dt { font-size: 16px; margin-top: 20px;}
section.subContentsArea dl.table dd { font-size: 14px; padding-bottom: 20px; line-height: 1.8;}
section.subContentsArea dl.table dd.detail p { margin-top: 15px;}
}

/*==================================
	about
==================================*/
section.subContentsArea#about_contents02,
section.subContentsArea#about_contents03 { margin-top: 50px;}
section.subContentsArea#about_contents01 .pageTitArea .phicon,
section.subContentsArea#about_contents02 .pageTitArea .phicon,
section.subContentsArea#about_contents03 .pageTitArea .phicon { position: absolute; background: url("../img/illust_about.png") no-repeat; background-size: contain; display: block;}
section.subContentsArea#about_contents01 .inner { text-align: center;}
section.subContentsArea#about_contents01 .inner .blbig { line-height: 1.5; color: #2c7cee; font-weight: bold; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; letter-spacing: 0.15em;}
section.subContentsArea#about_contents01 .inner.box04 .list { text-align: left;}
section.subContentsArea#about_contents01 .inner.box04 .list li { font-weight: bold; background: url("../img/icon_box.svg") no-repeat; background-position-y: center;}
section.subContentsArea#about_contents01 .inner.box05 .list li { display: inline-block;}
section.subContentsArea#about_contents01 .inner.box05 .list li.square { border: solid 1px #2ba6df;}
section.subContentsArea#about_contents02 .tit { color: #2ca6e0; letter-spacing: 0.05em; text-align: center;}
section.subContentsArea#about_contents02 .list li:nth-child(2n+1) { text-align: left;}
section.subContentsArea#about_contents02 .list li:nth-child(2n) { text-align: right;}
section.subContentsArea#about_contents03 .img img { width: 100%;}
section.subContentsArea#about_contents03 .dflex01{
display: flex;
justify-content: center;
}
section.subContentsArea#about_contents03 .dflex01.img01{
display: block;
position: relative;
}
section.subContentsArea#about_contents03 .dflex02{
display: flex;
justify-content: center;
}
section.subContentsArea#about_contents03 .dflex01 .img{
/* アニメーションに関数プロパティ */
opacity: 0; 	/* フェードインしたいので最初は非表示 */
transition: 1s; /* 1秒かけてアニメーション */
}
/* スクロールした時に追加されるclass */
section.subContentsArea#about_contents03 .dflex01 .img.fadein2{opacity: 1;}
/* はこのなかタイトルsns */
section.subContentsArea#about_contents03 .sub-ttl{margin:0px 180px 0px 0px; text-align: right;}
section.subContentsArea#about_contents03 .pageTitArea .en { padding-right: 0px; display: inline-block;}
section.subContentsArea#about_contents03 .sns-btn{margin:5px 5px 0px 0px;}
section.subContentsArea#about_contents03 .sns-btn a{
display: inline-block;
width:27px;
margin-right:20px;
}
section.subContentsArea#about_contents03 .sns-btn a:last-child{
margin-right:0px;
}
section.subContentsArea#about_contents03 .sns-btn a img{width:100%;}


/*スライダーのためのcss*/
.slider {
width:94%;
margin:0 auto;
}

.slider li a{
background-repeat:no-repeat;
background-position: center center;
display: inline-block;
width: 100%;
height: 75%;
background-size: contain;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider .slick-slide {
    margin:0 10px;
}
/*矢印の設定*/
.slick-prev, 
.slick-next {
position: absolute;
top: 36%;
cursor: pointer;
outline: none;
border-top: 2px solid #2ca6e0;
border-right: 2px solid #2ca6e0;
height: 15px;
width: 15px;
}
.slick-prev {
left: -1.5%;
transform: rotate(-135deg);
}
.slick-next {
right: -1.5%;
transform: rotate(45deg);
}
/*popup arrow css*/
.mfp-arrow-right:after{
border-left: none;
}
.mfp-arrow-left:after {
border-right:none;
}
.mfp-arrow:before{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: none;
}
.mfp-arrow-right:before,.mfp-arrow-left:before {
border-left: none;
position: absolute;
top: 0%;
cursor: pointer;
outline: none;
border-top: 2px solid #2ca6e0;
border-right: 2px solid #2ca6e0;
height: 25px;
width: 25px;
}

.mfp-arrow-right:before{
right: -1.5%;
transform: rotate(45deg);
}
.mfp-arrow-left:before{
left: -1.5%;
transform: rotate(-135deg);
}

/* Responsive 768 */
@media screen and (min-width: 768px) {
section.subContentsArea#about_contents01 img { max-width: 100%;}
section.subContentsArea#about_contents01 .pageTitArea .phicon,
section.subContentsArea#about_contents02 .pageTitArea .phicon,
section.subContentsArea#about_contents03 .pageTitArea .phicon {height: 150px; width: 150px; right: 0; top: 17px;}
section.subContentsArea#about_contents01 .pageTitArea .pageTit img ,
section.subContentsArea#about_contents02 .pageTitArea .pageTit img ,
section.subContentsArea#about_contents03 .pageTitArea .pageTit img { margin: 15px 15px 0 0;}
section.subContentsArea#about_contents01 .inner { font-size: 16px;}
section.subContentsArea#about_contents01 .inner .txt.txtlh3 { line-height: 2;}
section.subContentsArea#about_contents01 .inner .blbig { font-size: 30px;}
section.subContentsArea#about_contents01 .inner.box01 { padding-bottom: 110px;}
section.subContentsArea#about_contents01 .inner.box01 .blbig { margin: 20px 0;}
section.subContentsArea#about_contents01 .inner.box01 .logo { margin: 50px 0;}
section.subContentsArea#about_contents01 .inner.box02 .blbig { margin: 90px 0 70px 0;}
section.subContentsArea#about_contents01 .inner.box03 .blbig { margin: 90px 0 20px 0;}
section.subContentsArea#about_contents01 .inner.box04 .list { margin: 80px auto; width: 650px;}
section.subContentsArea#about_contents01 .inner.box04 .list li { font-size: 20px; margin-bottom: 10px; background-size: 30px auto; padding-left: 50px; line-height: 30px; letter-spacing: 0.15em;}
section.subContentsArea#about_contents01 .inner.box05 .list { width: 800px; margin: 90px auto 30px auto;}
section.subContentsArea#about_contents01 .inner.box05 .list li { font-size: 16px;}
section.subContentsArea#about_contents01 .inner.box05 .list li.square { margin: 0 20px 20px 20px; padding: 0 15px;}
section.subContentsArea#about_contents02 .tit { font-size: 33px; margin:120px 0 130px 0;}
section.subContentsArea#about_contents02 .list { padding-bottom: 130px;}
section.subContentsArea#about_contents02 .list li:nth-child(1) { padding-left: 95px;}
section.subContentsArea#about_contents02 .list li:nth-child(2) { padding-right: 120px; margin-top: -40px;}
section.subContentsArea#about_contents02 .list li:nth-child(3) { padding-left: 130px;}
section.subContentsArea#about_contents02 .list li:nth-child(4) { padding-right: 110px; margin-top: -110px;}
section.subContentsArea#about_contents02 .list li:nth-child(5) { padding-left: 110px; margin-top: -60px;}
section.subContentsArea#about_contents02 .list li:nth-child(6) { padding-right: 40px; margin-top: -100px;}
section.subContentsArea#about_contents01 .inner.box06 {padding: 120px 0 30px 0;}
}


/* Responsive 767 */
@media screen and (max-width: 767px) {
section.subContentsArea#about_contents01 .pageTitArea .phicon,
section.subContentsArea#about_contents02 .pageTitArea .phicon,
section.subContentsArea#about_contents03 .pageTitArea .phicon { height: 50px; width: 50px; right: 0; top: 15px;}
section.subContentsArea#about_contents01 .pageTitArea .pageTit img ,
section.subContentsArea#about_contents02 .pageTitArea .pageTit img ,
section.subContentsArea#about_contents03 .pageTitArea .pageTit img { margin: 4px 6px 0 0; width: 42px; height: auto;}
section.subContentsArea#about_contents01 img { width: 100%;}
section.subContentsArea#about_contents01 .inner { padding-top: 50px;}
section.subContentsArea#about_contents01 .inner .txt { line-height: 1.8;}
section.subContentsArea#about_contents01 .inner .blbig { margin-top: 20px; font-size: 20px; line-height: 1.5;}
section.subContentsArea#about_contents01 .inner.box01 .blbig { margin-bottom: 10px; margin-top: 10px;}
section.subContentsArea#about_contents01 .inner.box01 .logo { margin: 30px auto; width: 90%;}
section.subContentsArea#about_contents01 .inner.box01 .txt { font-size: 14px;}
section.subContentsArea#about_contents01 .inner.box01 .txt:first-of-type{ margin-top:20px;}
section.subContentsArea#about_contents01 .inner.box04 .list { margin: 20px auto 0;}
section.subContentsArea#about_contents01 .inner.box04 .list li { font-size: 16px; margin-bottom: 0px; background-size: 20px auto; padding-left: 40px; line-height: 1.8;}
section.subContentsArea#about_contents01 .inner.box05 .list { margin: 20px 0 0 0;}
section.subContentsArea#about_contents01 .inner.box05 .list li { font-size: 14px;}
section.subContentsArea#about_contents01 .inner.box05 .list li.square { margin: 0 10px 20px 10px; padding: 0 5px; font-size: 14px;}
section.subContentsArea#about_contents01 .inner.box06 {padding: 50px 0 20px 0;}
section.subContentsArea#about_contents02 .tit { font-size: 18px; margin: 40px 0;}
section.subContentsArea#about_contents02 .list { max-width: 450px; width: 90%; margin: 0 auto; padding-bottom: 30px;}
section.subContentsArea#about_contents02 .list li:nth-child(1) img { width: 198px;}
section.subContentsArea#about_contents02 .list li:nth-child(2) { margin-top: -15px;}
section.subContentsArea#about_contents02 .list li:nth-child(2) img { width: 188px;}
section.subContentsArea#about_contents02 .list li:nth-child(3) img { width: 186px;}
section.subContentsArea#about_contents02 .list li:nth-child(4) { margin-top: -45px;}
section.subContentsArea#about_contents02 .list li:nth-child(4) img { width: 192px;}
section.subContentsArea#about_contents02 .list li:nth-child(5) img { width: 191px;}
section.subContentsArea#about_contents02 .list li:nth-child(5) { margin-top: -25px;}
section.subContentsArea#about_contents02 .list li:nth-child(6) img { width: 217px;}
section.subContentsArea#about_contents02 .list li:nth-child(6) { margin-top: -30px;}
section.subContentsArea#about_contents02 .list li img { max-width: 100%;}
	
/* はこのなかタイトルsns */
section.subContentsArea#about_contents03 .sub-ttl{margin:0px 60px 0px 0px; text-align: right;}
section.subContentsArea#about_contents03 .pageTitArea .en { padding-right: 0px; display: inline-block;}
section.subContentsArea#about_contents03 .sns-btn{margin:5px 0px 0px 0px;}
section.subContentsArea#about_contents03 .sns-btn a{
display: inline-block;
width:27px;
margin-right:10px;
}
section.subContentsArea#about_contents03 .sns-btn a:last-child{margin-right:0px;}
section.subContentsArea#about_contents03 .sns-btn a img{width:100%;}
}

@media screen and (max-width: 426px) {
/*スライダーのためのcss*/
.slider {width:100%;}
.slick-list {z-index: 1;}
	
.slider .slick-slide {
margin: 0 0px; 
}
.slick-prev {left: 3%; z-index: 2;}
.slick-next {right: 3%; z-index: 2;}
}

/*==================================
	works
==================================*/

section.subContentsArea#works_contents { width: 100% !important;}
section.subContentsArea#works_contents .pageTitArea { margin: 0 auto;}
section.subContentsArea#works_contents .pageTitArea .phicon { position: absolute; background: url("../img/works/illust_works.png") no-repeat; background-size: contain; display: block;}
section.subContentsArea#works_contents .mv img { width: 100%;}
section.subContentsArea#works_contents div.bgbl { background: #2ba6e1;
background: -moz-linear-gradient(left,  #2ba6e1 30%, #0f82c5 100%);
background: -webkit-linear-gradient(left,  #2ba6e1 30%,#0f82c5 100%);
background: linear-gradient(to right,  #2ba6e1 30%,#0f82c5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba6e1', endColorstr='#0f82c5',GradientType=1 );
}
section.subContentsArea#works_contents div.bgbl,
section.subContentsArea#works_contents div.bgwh { position: relative;}
section.subContentsArea#works_contents div.bgbl:before,
section.subContentsArea#works_contents div.bgwh:before { content: ""; position: absolute; z-index: 1;}
section.subContentsArea#works_contents div.bgbl:before { left: 0; background: #2ba6e1;}
section.subContentsArea#works_contents div.bgwh:before { right: 0; background: #fff;}
section.subContentsArea#works_contents div.bgbl:after,
section.subContentsArea#works_contents div.bgwh:after { content: ""; position: absolute;}
section.subContentsArea#works_contents div.bgbl:after { left: 0; background: #e5e5e5;}
section.subContentsArea#works_contents div.bgwh:after { right: 0; background: #3fa0cd;}
section.subContentsArea#works_contents div .bg { position: relative;}
section.subContentsArea#works_contents div .bg:before { content: ""; position: absolute; width: 100%;}
section.subContentsArea#works_contents div.bgbl .bg,
section.subContentsArea#works_contents div.bgbl .bg:before { background: #47b3e4;}
section.subContentsArea#works_contents div.bgwh .bg,
section.subContentsArea#works_contents div.bgwh .bg:before { background: #f0f9fe;}
section.subContentsArea#works_contents div.bgbl .bg .subtit { color: #ffff00;}
section.subContentsArea#works_contents div.bgwh .bg .subtit { color: #2c7cee;}
section.subContentsArea#works_contents .inner { padding: 0; text-align: center; position: relative;}
section.subContentsArea#works_contents .inner .boxtit { position: relative; background: #fff; display: inline-block; border: solid 1px #2da5e1;}
section.subContentsArea#works_contents .inner .boxtit .jp { font-weight: bold; line-height: 1;}
section.subContentsArea#works_contents .inner .boxtit .en { font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1;}
section.subContentsArea#works_contents .inner .boxtit .notes { position: absolute; right: 15px; bottom: 5px; letter-spacing: 0.1em;}
section.subContentsArea#works_contents .inner .boxtit.mark:before { content: ""; position: absolute; background: url("../img/works/mark.png") no-repeat;}
section.subContentsArea#works_contents .inner .subtit { font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-weight: 700;}
section.subContentsArea#works_contents .inner .txtarea { line-height: 2;}
section.subContentsArea#works_contents .inner .txtarea .imp { line-height: 20px; font-weight: bold; display: inline-block; background: linear-gradient(transparent 0%, #ffff01 0%); height:24px;}
section.subContentsArea#works_contents .inner .txtarea .imp .big { vertical-align: middle;}
section.subContentsArea#works_contents .inner .txtarea .bold { font-weight: bold;}
section.subContentsArea#works_contents div.bgbl .bg .inner .txtarea .imp { color: #2ca6e0;}
section.subContentsArea#works_contents .inner .list dt { text-align: left; font-weight: bold; background: url("../img/icon_box.svg") no-repeat; }
section.subContentsArea#works_contents .inner .list dt.mb0 { margin-bottom: 0;}
section.subContentsArea#works_contents #privagcy .inner .contbox { position: relative;}
section.subContentsArea#works_contents #privagcy .inner .contbox:before { content: ""; background: url("../img/works/illust_works.png") no-repeat; background-size: cover; position: absolute;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetit { position: relative; letter-spacing: 0.15em; font-weight: bold;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetit .sub { font-weight: bold; position: absolute; top: -15px; left: 0;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetxt { text-align: center; line-height: 2;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetxt .bold {font-weight: bold; margin-bottom: 20px; color: #2c7cee;}
section.subContentsArea#works_contents #privagcy .inner .txtarea,
section.subContentsArea#works_contents #privagcy .inner .list,
section.subContentsArea#works_contents #creative .inner .txtarea,
section.subContentsArea#works_contents #creative .inner .list,
section.subContentsArea#works_contents #business .inner .txtarea,
section.subContentsArea#works_contents #business .inner .list { color: #fff;}
section.subContentsArea#works_contents #business .inner .list dd.pt .txtarea { font-weight: normal;}
section.subContentsArea#works_contents #business .inner .list dd.pt .txtarea a{color: #fff;}
section.subContentsArea#works_contents #business .inner p.tan-illust {text-align: center;}
section.subContentsArea#works_contents #business .inner p.oni-illust img{max-height:270px;}
section.subContentsArea#works_contents #business .inner .list dt{border-bottom:1px solid #fff; padding-bottom:5px;}

section.subContentsArea#works_contents #business .inner .sns-icon{text-align: left; margin-bottom:20px;}
section.subContentsArea#works_contents #business .inner .sns-icon a{display: inline-block; margin-right:20px; vertical-align: middle;}
section.subContentsArea#works_contents #business .inner .sns-icon a img{height:25px; width:auto;}

section.subContentsArea#works_contents #business .inner .uber-link2{display: inline-block; margin-right:20px; vertical-align: middle; width:150px; position: relative;}
section.subContentsArea#works_contents #business .inner .sns-icon .uber-link2 img{width:150px; height:auto;}
section.subContentsArea#works_contents #business .inner .sns-icon .uber-link2:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 10px;
display: block;
width: 6px;
height: 6px;
border: 0px;
border-top: solid 1px #132228;
border-right: solid 1px #132228;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
section.subContentsArea#works_contents #business .inner .sns-icon .uber-link2:after{
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px;
display: block;
width: 6px;
height: 6px;
border: 0px;
border-top: solid 1px #132228;
border-right: solid 1px #132228;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}


/* Responsive 768 */
@media screen and (min-width: 768px) {
section.subContentsArea#works_contents { min-width: 1100px;}
section.subContentsArea#works_contents img { max-width: 100%;}
section.subContentsArea#works_contents .pageTitArea { width: 1100px; margin: 0 auto;}
section.subContentsArea#works_contents .pageTitArea .phicon {height: 150px; width: 150px; right: 0; top: 17px;}
section.subContentsArea#works_contents .mv { max-width: 1000px; margin: 100px auto 180px auto;}
section.subContentsArea#works_contents div.bgbl { border-top: solid 15px #e5e5e5; padding-top: 350px;}
section.subContentsArea#works_contents div.bgwh { border-top: solid 15px #3fa0cd; padding-top: 350px;}
section.subContentsArea#works_contents div.bgbl:before,
section.subContentsArea#works_contents div.bgwh:before { top: -84px; width: 350px; height: 84px; border-radius: 20px 20px 0 0;}
section.subContentsArea#works_contents div.bgbl:after,
section.subContentsArea#works_contents div.bgwh:after { top: -98px; width: 350px; height: 84px; border-radius: 20px 20px 0 0;}
section.subContentsArea#works_contents div .bg:before { border-radius: 50% 50% 0 0; height: 100px; top: -100px;}
section.subContentsArea#works_contents .inner { width: 1100px; margin: 0 auto; top: -200px;}
section.subContentsArea#works_contents .inner .boxtit { min-width: 735px; font-size: 30px; padding: 30px 10px 20px 10px; margin-right: 20px; box-shadow: 10px 10px 0px 0 #2da5e1;}
section.subContentsArea#works_contents .inner .boxtit .jp { margin-bottom: 10px;}
section.subContentsArea#works_contents .inner .boxtit .notes { font-size: 16px;}
section.subContentsArea#works_contents .inner .boxtit.mark:before { width: 155px; height: 76px; top: -35px; left: -30px;}
section.subContentsArea#works_contents .inner .subtit { font-size: 30px; letter-spacing: 0.15em; line-height: 1.5;}
section.subContentsArea#works_contents .inner .txtarea { font-size: 16px;}
section.subContentsArea#works_contents .inner .txtarea .big { font-size: 24px; line-height: 10px !important;}
section.subContentsArea#works_contents .inner .txtarea .medium { font-size: 16px; line-height: 14px !important;}
section.subContentsArea#works_contents .inner .txtarea .imp { padding: 5px 5px;}
section.subContentsArea#works_contents .inner .list dt { font-size: 20px; margin-bottom: 10px; background-size: 30px auto; padding-left: 50px; line-height: 30px; letter-spacing:0.15em;}
section.subContentsArea#works_contents #privagcy .inner .boximg { margin: 30px auto 15px auto;}
section.subContentsArea#works_contents #privagcy .inner .subtit { margin-top:20px; margin-bottom: 20px; line-height: 1.5; letter-spacing: 0.15em;}
section.subContentsArea#works_contents #privagcy .inner .txtarea { margin-bottom: 60px;}
section.subContentsArea#works_contents #privagcy .inner .contbox { padding: 80px; background: url("../img/works/privagcy_txt.png") left -32px top -5px no-repeat #fff;}
section.subContentsArea#works_contents #privagcy .inner .contbox:before { width: 150px; height: 230px; left: 60px; top: -140px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist { width: 850px; margin: 0 0 0 50px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li { margin-top: 120px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:first-child { margin-top: 0;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetit { font-size: 24px; width: 400px; margin: 0 auto 20px auto; padding: 20px 0px 0px 140px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(1) .casetit { background: url("../img/works/privagcy_no1.png") center left no-repeat; background-size: 110px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(2) .casetit { background: url("../img/works/privagcy_no2.png") center left no-repeat;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(3) .casetit { background: url("../img/works/privagcy_no3.png") center left no-repeat;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetit:after { content: ""; position: absolute; top: 30px; display: inline-block; width: 120px; height: 1px; background-color: #000; transform: rotate(-45deg);}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(1) .casetit:after { left: 90px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(2) .casetit:after { left: 110px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(3) .casetit:after { left: 110px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetit .sub { font-size: 20px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetxt { font-size: 16px; margin-left: 30px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetxt .bold { font-size: 20px; text-indent: -22px; line-height:1.5;}
section.subContentsArea#works_contents #inetad { margin-top: -40px;}
section.subContentsArea#works_contents #inetad .inner .boximg { margin: 80px auto 50px auto;}
section.subContentsArea#works_contents #inetad .inner .subtit { margin-bottom: 20px;}
section.subContentsArea#works_contents #inetad .inner .list { width: 630px; margin: 30px auto 0 auto;}
section.subContentsArea#works_contents #creative { margin-top: -40px;}
section.subContentsArea#works_contents #creative .inner .boxtit {min-width: 600px;}
section.subContentsArea#works_contents #creative .inner .boximg { margin: 50px auto 50px auto;}
section.subContentsArea#works_contents #creative .inner .subtit { margin-bottom: 20px;}
section.subContentsArea#works_contents #creative .inner .list { width: 600px; margin: 30px auto 0 auto;}
section.subContentsArea#works_contents #system { margin-top: -40px;}
section.subContentsArea#works_contents #system .inner .boxtit {min-width: 600px;}
section.subContentsArea#works_contents #system .inner .boximg { margin: 70px auto 60px auto;}
section.subContentsArea#works_contents #system .inner .boximg2 { margin: 65px auto 45px auto;}
section.subContentsArea#works_contents #system .inner .subtit { margin-bottom: 20px;}
section.subContentsArea#works_contents #business { margin-top: -100px;}
section.subContentsArea#works_contents #business .inner {top: -170px;}
section.subContentsArea#works_contents #business .inner .boxtit {min-width: 600px;}
section.subContentsArea#works_contents #business .inner .subtit { margin-bottom: 20px; margin-top: -20px;}
section.subContentsArea#works_contents #business .inner .list { margin: 127px 0 0 0; width: 872px;}
section.subContentsArea#works_contents #business .inner .list.works-list{ margin: 127px 0 0 0; width: 100%;}
section.subContentsArea#works_contents #business .inner .list dd { position: relative; text-align: right;}
section.subContentsArea#works_contents #business .inner .list dd .illust { position: absolute;right: -220px; bottom: -20px; width: 190px;}
section.subContentsArea#works_contents #business .inner .list dt.mt { margin-top: 150px; /*margin-bottom: 100px;*/}
section.subContentsArea#works_contents #business .inner .list dd.pt { padding-top: 20px;}
section.subContentsArea#works_contents #business .inner .list dd.pt .txtarea { margin-bottom: 20px; text-align: left; font-size: 18px; line-height: 2;}
section.subContentsArea#works_contents #business .inner .list dd.pt .txtarea a { color: #fff;}
section.subContentsArea#works_contents #business .inner .boximg { margin: 70px auto 60px auto;}
section.subContentsArea#works_contents #business .inner .illust-list:not(.onigiri){display: flex; justify-content: space-between; align-items: center;}
section.subContentsArea#works_contents #business .inner .illust-list p{width:calc((100% - 30px) / 4);}
section.subContentsArea#works_contents #business .inner .illust-list p.illust-logo.tan{width:150px;}
section.subContentsArea#works_contents #business .inner .illust-list.fun p{width:calc((100% - 100px) / 3);}
	
section.subContentsArea#works_contents #business .inner .illust-list.onigiri{display: flex; justify-content: space-between;}
section.subContentsArea#works_contents #business .inner .illust-list div{display: flex;}
section.subContentsArea#works_contents #business .inner .illust-list.onigiri p:not(.oni){width:50%;margin-right:50px;}
section.subContentsArea#works_contents #business .inner .illust-list.onigiri p.oni{width:92%; margin-right:50px;}
section.subContentsArea#works_contents #business .inner .illust-list.onigiri p:last-child{margin-right:0px;}
section.subContentsArea#works_contents .inner p.txt{margin-bottom:20px;}
}

/* Responsive 767 */
@media screen and (max-width: 767px) {
section.subContentsArea#works_contents img { max-width: 100%;}
section.subContentsArea#works_contents .pageTitArea { width: 90%;}
section.subContentsArea#works_contents .pageTitArea .phicon {height: 50px; width: 50px; right: 0; top: 15px;}
section.subContentsArea#works_contents .mv { width: 90%; margin: 50px auto 80px auto;}
section.subContentsArea#works_contents div.bgbl { border-top: solid 6px #e5e5e5; padding-top: 180px;}
section.subContentsArea#works_contents div.bgwh { border-top: solid 6px #3fa0cd; padding-top: 180px;}
section.subContentsArea#works_contents div.bgbl:before,
section.subContentsArea#works_contents div.bgwh:before { top: -25px; width: 100px; height: 30px; border-radius: 15px 15px 0 0;}
section.subContentsArea#works_contents div.bgbl:after,
section.subContentsArea#works_contents div.bgwh:after { top: -30px; width: 100px; height: 30px; border-radius: 15px 15px 0 0;}
section.subContentsArea#works_contents div .bg:before { border-radius: 50% 50% 0 0; height: 100px; top: -100px;}
section.subContentsArea#works_contents .inner { width: 90%; margin: 0 auto; top: -120px;}
section.subContentsArea#works_contents .inner .boxtit { box-shadow: 1vw 1vw 0px 0 #2da5e1; padding: 20px; min-width: 200px; font-size:16px;}
section.subContentsArea#works_contents .inner .boxtit .jp { margin-bottom: 10px;}
section.subContentsArea#works_contents .inner .boxtit .notes { font-size: 8px;}
section.subContentsArea#works_contents .inner .boxtit.mark:before { width: 100px; height: 50px; top: -25px; left: -30px; background-size: 100% auto;}
section.subContentsArea#works_contents .inner .subtit { font-size: 23px; line-height: 1.5;}
section.subContentsArea#works_contents .inner .txtarea { font-size: 14px; line-height: 1.8; letter-spacing: 0.07em;}
section.subContentsArea#works_contents .inner .txtarea .big { font-size: 20px; line-height: 16px !important;}
section.subContentsArea#works_contents .inner .txtarea .medium { font-size: 14px; line-height: 16px !important;}
section.subContentsArea#works_contents .inner .txtarea .imp { padding: 5px; line-height: 1;}
section.subContentsArea#works_contents .inner .list dt { font-size: 16px; margin-bottom: 0px; background-size: 20px auto; background-position-y:5px; padding-left: 40px; line-height: 1.8;}
section.subContentsArea#works_contents #privagcy .inner .boximg { max-width: 120px; margin: 20px auto 20px auto;}
section.subContentsArea#works_contents #privagcy .inner .subtit { margin-bottom: 15px; line-height: 1.5;}
section.subContentsArea#works_contents #privagcy .inner .txtarea { margin-bottom: 50px;}
section.subContentsArea#works_contents #privagcy .inner .contbox { padding: 40px 5%; background: url("../img/works/privagcy_txt.png") left -2px top -2px no-repeat #fff; background-size: 20px auto;}
section.subContentsArea#works_contents #privagcy .inner .contbox:before { width: 50px; height: 74px; left: 30px; top: -44px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li { margin-top: 40px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:first-child { margin-top: 0;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetit { font-size: 17px; margin: 0 auto 20px auto; padding: 20px 0 0 75px; width: 260px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(1) .casetit { background: url("../img/works/privagcy_no1.png") center left no-repeat; background-size: 80px auto;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(2) .casetit { background: url("../img/works/privagcy_no2.png") center left no-repeat; background-size: 80px auto;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(3) .casetit { background: url("../img/works/privagcy_no3.png") center left no-repeat; background-size: 80px auto;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetit:after { content: ""; position: absolute; top: 25px; display: inline-block; width: 80px; height: 1px; background-color: #000; transform: rotate(-45deg);}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(1) .casetit:after { left: 60px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(2) .casetit:after { left: 60px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li:nth-child(3) .casetit:after { left: 60px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetit .sub { top:-5px; font-size: 14px;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetxt { text-align: left; font-size: 14px; margin: 0 15px; line-height:1.8; letter-spacing: 0.08em;}
section.subContentsArea#works_contents #privagcy .inner .contbox .caselist li .casetxt .bold { font-size: 16px;text-align: left; line-height:1.5; margin-bottom:15px;}
section.subContentsArea#works_contents #inetad { margin-top: -50px;}
section.subContentsArea#works_contents #inetad .inner .boximg { max-width: 140px; margin: 40px auto 30px auto;}
section.subContentsArea#works_contents #inetad .inner .subtit { margin-bottom: 15px; line-height: 1.5;}
section.subContentsArea#works_contents #inetad .inner .list { margin: 20px auto 0 auto;}
section.subContentsArea#works_contents #creative { margin-top: -50px;}
section.subContentsArea#works_contents #creative .inner .boximg { max-width: 120px; margin: 40px auto 35px auto;}
section.subContentsArea#works_contents #creative .inner .subtit { margin-bottom: 15px;}
section.subContentsArea#works_contents #creative .inner .list { margin: 20px auto 0 auto;}
section.subContentsArea#works_contents #system { margin-top: -50px;}
section.subContentsArea#works_contents #system .inner .subtit { margin-bottom: 15px;}
section.subContentsArea#works_contents #system .inner .boximg { max-width: 120px; margin: 50px auto 30px auto;}
section.subContentsArea#works_section.subContentsArea#works_contents .inner .subtitcontents #system .inner .boximg2 { max-width: 300px; margin: 20px auto 0 auto;}
section.subContentsArea#works_contents #system .inner .boximg2 { margin: 30px auto 0px auto;}
section.subContentsArea#works_contents #business { margin-top: -50px;}
section.subContentsArea#works_contents #business .inner .subtit { margin-bottom: 15px;}
section.subContentsArea#works_contents #business .inner .boximg { max-width: 110px; margin: 30px auto;}
section.subContentsArea#works_contents #business .inner .list { margin: 30px auto 0 auto;}
section.subContentsArea#works_contents #business .inner .list dd { position: relative;}
section.subContentsArea#works_contents #business .inner .list dd.pt { width: 100%; margin: 0 auto;}
section.subContentsArea#works_contents #business .inner .list dd.pt img { /*padding-left: 50px;*/}
section.subContentsArea#works_contents #business .inner .list dd .illust { position: absolute; left: 0; bottom: -30px; width: 50px;}
section.subContentsArea#works_contents #business .inner .list dd .illust img { max-width: 100%; margin-left: 0; padding-left: 0;}
section.subContentsArea#works_contents #business .inner .list dt.mt { margin-top: 70px; margin-bottom: 0px;}
section.subContentsArea#works_contents #business .inner .list dd.comingsoon { max-width: 250px; margin: 0 auto;}
section.subContentsArea#works_contents #business .inner .list dd.pt .txtarea{text-align: left; margin:10px auto 10px 0px; }
section.subContentsArea#works_contents #business .inner .illust-list{display: flex; justify-content: space-between;}
section.subContentsArea#works_contents #business .inner .illust-sp .illust-logo{width:150px; margin:30px auto 30px;}
section.subContentsArea#works_contents #business .inner .illust-lis img{width: 100%; height: 300px;}
section.subContentsArea#works_contents #business .inner .illust-list p{width:calc((100% - 20px) / 3);}
section.subContentsArea#works_contents #business .inner .illust-list.onigiri p{width:calc((100% - 10px) / 2);}
section.subContentsArea#works_contents #business .inner .illust-sp .illust-onigiri{width:100%; margin:30px auto 10px;}
section.subContentsArea#works_contents #business .inner .illust-list.fun p{width:calc((100% - 10px) / 2);}
section.subContentsArea#works_contents #business .inner .illust-logo.fun-logo{width:80%;}
section.subContentsArea#works_contents .inner p.txt{margin-bottom:15px;}
}

/*==================================
	company
==================================*/
section.subContentsArea#company_contents .pageTitArea .phicon { position: absolute; background: url("../img/illust_company.png") no-repeat; background-size: contain; display: block;}
section.subContentsArea#company_contents .inner .blbig { line-height: 1.5; color: #2c7cee; font-weight: bold; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; letter-spacing: 0.15em;}
section.subContentsArea#company_contents .inner.box01 { background: #e5e5e5; text-align: center;}
section.subContentsArea#company_contents .inner.box01 .block { background: #fff; box-shadow:7px 7px 0px 1px #cecece;}
section.subContentsArea#company_contents .inner.box01 .txt .marker { position: relative; z-index: 1; font-weight: bold;}
section.subContentsArea#company_contents .inner.box01 .txt .marker:after{ content:""; width: 100%; height: 24px; background: #ffff04; position: absolute; left: 0; z-index: -1;}
section.subContentsArea#company_contents .inner.box01 .name { text-align: right;}
section.subContentsArea#company_contents .inner.box02 .field .cubetit { border-bottom:  solid 2px #c0c0c0; background: url("../img/icon_box.svg") no-repeat;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea a { color: #000;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea a:hover { color: #2ca6e0;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist { display: flex; flex-wrap: wrap; /*align-items: center;*/}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dt { margin-bottom: 0px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd { margin-bottom: 0px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd a { text-decoration: underline;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist { margin-top: 20px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist:nth-of-type(1) { margin-top: 0;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dt { font-weight: bold;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dd { display: list-item; list-style: disc;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dd a{ text-decoration: underline; /*color:#2c7cee;*/ }
section.subContentsArea#company_contents .inner.box02 .field .txtarea .awardlist li{list-style: disc; margin-left: 16px;}
section.subContentsArea#company_contents .inner.box03 { background: #f6f5f3;}
section.subContentsArea#company_contents .inner.box03 .table dd .linkarea .link a { display: inline-block; padding: 2px 10px; border: solid 1px #000; color: #000;}
section.subContentsArea#company_contents .inner.box03 .table dd .linkarea .link a:hover { border: solid 1px #2ca6e0; color: #2ca6e0;}
section.subContentsArea#company_contents .inner.box03 .table dd li {list-style: disc; margin-left: 16px;}
section.subContentsArea#company_contents .inner.box04 .mapBox { margin: 0 auto;}
section.subContentsArea#company_contents .inner.box04 .link a { font-weight: bold; color: #000; position: relative; display: inline-block; transition: .3s;}
section.subContentsArea#company_contents .inner.box04 .link a:after { position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 1px; background-color: #2ca6e0; transition: .3s;}
section.subContentsArea#company_contents .inner.box04 .link a:hover:after { width: 100%;}
section.subContentsArea#company_contents .inner.box04 .link a:hover { color: #2ca6e0;}
section.subContentsArea#company_contents .inner.box04 .name { font-weight: bold;}
section.subContentsArea#company_contents .inner.box05 { background: #f1f1f1;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
section.subContentsArea#company_contents .pageTitArea .phicon {height: 150px; width: 150px; right: 0; top: 17px;}
section.subContentsArea#company_contents #message,
section.subContentsArea#company_contents #career,
section.subContentsArea#company_contents #info,
section.subContentsArea#company_contents #access,
section.subContentsArea#company_contents #partner { padding-top:213px; margin-top:-213px;}
section.subContentsArea#company_contents .inner { padding: 120px 200px 120px 200px;}
section.subContentsArea#company_contents .inner .blbig { font-size: 30px;}
section.subContentsArea#company_contents .inner.box01 .block { padding: 90px 0 50px 0;}
section.subContentsArea#company_contents .inner.box01 .txt .marker:after{ bottom: -3px;}
section.subContentsArea#company_contents .inner.box01 .blbig { margin-bottom: 40px;}
section.subContentsArea#company_contents .inner.box01 .txt { margin-bottom: 40px; font-size: 16px; line-height:2;}
section.subContentsArea#company_contents .inner.box01 .img { margin-top: 60px;}
section.subContentsArea#company_contents .inner.box01 .name { margin-top: 40px; margin-right: 50px;}
section.subContentsArea#company_contents .inner.box02 .field { font-size: 20px;}
section.subContentsArea#company_contents .inner.box02 .field .cubetit { padding-left: 50px; background-size: 30px auto; background-position: 8px 8px; line-height: 42px; margin-bottom: 40px; padding-bottom: 10px; font-weight: bold;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea { line-height: 2; margin-bottom: 80px; padding-left: 15px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea.fsmin { font-size: 16px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea .txt { margin-bottom: 40px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea .awardlist { background: url("../img/company/career_img.jpg") no-repeat right bottom;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea .awardlist li { margin-bottom: 0px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea .awardlist li:last-child { margin-bottom: 0;}
section.subContentsArea#company_contents .inner.box02 .field.fieldlast .txtarea { margin-bottom: 0;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dt { width: 140px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd { width: 800px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd a,
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd .blogtit { margin-left: 20px; display: inline-block;}
/*section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd a.book_link{display: inline-block; width:100px; vertical-align: middle;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd a.book_link:hover{opacity: 0.7;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd a.book_link img{width:100%;}*/
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dt,
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dd { margin-bottom: 0px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dd { margin-left: 30px; line-height: 2;}
section.subContentsArea#company_contents .inner.box03 .table dt { border-bottom: 0; /*font-weight: normal;*/ width: 210px; padding-left: 40px; margin-top: 0;}
section.subContentsArea#company_contents .inner.box03 .table dd { border-bottom: 0; font-size: 16px; width: 550px; margin-top: 0;}
section.subContentsArea#company_contents .inner.box03 .table dd .linkarea { display: inline-grid; text-align: right;}
section.subContentsArea#company_contents .inner.box03 .table dd .linkarea .link { display: inline-block; margin-top: 10px;}
section.subContentsArea#company_contents .inner.box03 .table dd li { margin-bottom: 15px;}
section.subContentsArea#company_contents .inner.box03 .table dd li:last-child { margin-bottom: 0;}
section.subContentsArea#company_contents .inner.box04 .link { font-size: 16px;}
section.subContentsArea#company_contents .inner.box04 .name { font-size: 20px; margin-top: 30px;}
section.subContentsArea#company_contents .inner.box04 .name.cubetit{
border-bottom: solid 2px #c0c0c0;
background: url(../img/icon_box.svg) no-repeat;
padding-left: 50px;
background-size: 30px auto;
background-position: 8px 8px;
line-height: 42px;
margin-bottom: 40px;
padding-bottom: 10px;
font-weight: bold;
	}
section.subContentsArea#company_contents .inner.box04 .txt { font-size: 16px; margin-top: 20px; line-height: 2;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea { font-size: 16px; position: relative; display: flex; padding-bottom: 30px; line-height: 2; justify-content: right; }
section.subContentsArea#company_contents .inner.box05 .partnerlistarea ul.list1 { /*width: 470px;*/width: 47%;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea ul.list2 { /*width: 570px;*/width: 48%;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea ul li { margin-bottom: 0px;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea ul li:last-child { margin-bottom: 0;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea .lasttxt { position: absolute; right: 0; bottom: 0;}

section.subContentsArea#company_contents .inner.box02 dt.book-dt,
section.subContentsArea#company_contents .inner.box02 dd.book-dd{margin-top:0px;}
section.subContentsArea#company_contents .inner.box02 dd.book-dd span{
display: inline-block;
vertical-align: top;
}
section.subContentsArea#company_contents .inner.box02 dd.book-dd a{
display: inline-block;
vertical-align: middle;
}
section.subContentsArea#company_contents .inner.box02 p.book-img{
margin-top:7px;
width:200px;
margin-left:20px;
margin-right:0px;
vertical-align: middle;
display: inline-block;}
section.subContentsArea#company_contents .inner.box02 p.book-img img{width:100%;}
}

/* Responsive 767 */
@media screen and (max-width: 767px) {
section.subContentsArea#company_contents .pageTitArea .phicon {height: 50px; width: 50px; right: 0; top: 15px;}
section.subContentsArea#company_contents #message,
section.subContentsArea#company_contents #career,
section.subContentsArea#company_contents #info,
section.subContentsArea#company_contents #access,
section.subContentsArea#company_contents #partner { padding-top: 100px; margin-top:-100px;}
section.subContentsArea#company_contents .inner { padding-top: 40px;}
section.subContentsArea#company_contents .inner img { width: 100%;}
section.subContentsArea#company_contents .inner .blbig { margin-bottom: 15px; font-size: 23px;}
section.subContentsArea#company_contents .inner.box01 { width: 100%; padding: 40px 5% 60px 5%;}
section.subContentsArea#company_contents .inner.box01 .block { padding: 30px 5%; margin-top:20px;}
section.subContentsArea#company_contents .inner.box01 .txt .marker:after{ bottom: -5px;}
section.subContentsArea#company_contents .inner.box01 .txt { /*text-align: left;*/ margin-bottom: 15px; line-height: 1.8; font-size: 14px; letter-spacing: 0.1em;}
section.subContentsArea#company_contents .inner.box01 .img img { max-width: 482px;}
section.subContentsArea#company_contents .inner.box01 .name { margin-top: 20px;}
section.subContentsArea#company_contents .inner.box01 .name img { max-width: 190px;}
section.subContentsArea#company_contents .inner.box02 .field { margin-bottom: 40px;}
section.subContentsArea#company_contents .inner.box02 .field.fieldlast { margin-bottom: 0;}
section.subContentsArea#company_contents .inner.box02 .field .cubetit { text-align: left; font-size: 16px; font-weight: bold; padding-left: 40px; background-size: 20px auto; line-height: 20px; padding-bottom: 10px; margin-bottom: 20px; margin-top: 20px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea { text-align: left; line-height: 1.8; font-size: 14px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea .txt { margin-bottom: 15px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist { font-size: 14px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dt { width: 100%;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd { width: 100%; padding-left: 1em; text-indent: -1em; word-break: break-all; margin-bottom:20px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd img{width:50%;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dt,
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dd { margin-bottom: 5px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.serializationlist dd { margin-left: 16px;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea .awardlist .spOnly { text-align: center; list-style: none; margin-left:0;}
section.subContentsArea#company_contents .inner.box02 .field .txtarea .awardlist img { width: 100%; max-width: 300px; margin: 15px auto 0 auto;}
section.subContentsArea#company_contents .inner.box03 { width: 100%; padding: 40px 5% 60px 5%;}
section.subContentsArea#company_contents .inner.box03  dl.table { width: 100%; display: flex; flex-wrap: wrap;}
section.subContentsArea#company_contents .inner.box03  dl.table dt { width: 100%;}
section.subContentsArea#company_contents .inner.box03  dl.table dd { width: 100%; margin-top: 0px; border-bottom: 0; padding-bottom: 0; line-height: 1.8;}
section.subContentsArea#company_contents .inner.box03  .table dd .linkarea .link { margin-top: 5px;}
section.subContentsArea#company_contents .inner.box04 { text-align: left; line-height: 1.8;}
section.subContentsArea#company_contents .inner.box04 .name.cubetit{
text-align: left;
font-size: 16px;
font-weight: bold;
padding-left: 40px;
line-height: 20px;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 20px;
border-bottom: solid 2px #c0c0c0;
background: url(../img/icon_box.svg) no-repeat;
background-size: 20px auto;
}
section.subContentsArea#company_contents .inner.box04 .mapBox iframe { width: 100%; height: 325px;}
section.subContentsArea#company_contents .inner.box04 .name { font-size: 16px; margin-top: 15px;}
section.subContentsArea#company_contents .inner.box04 .txt { font-size: 14px; margin-top: 10px;}
section.subContentsArea#company_contents .inner.box04 .mapBox{margin-top:20px;}
section.subContentsArea#company_contents .inner.box05 { width: 100%; padding: 40px 5% 60px 5%;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea ul { font-size: 14px; line-height: 1.8;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea ul li { margin-bottom: 0px;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea ul.list1 { margin-bottom: 10px; margin-top:20px;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea ul li:last-child { margin-bottom: 0;}
section.subContentsArea#company_contents .inner.box05 .partnerlistarea .lasttxt { margin-top: 20px; font-size: 14px;}
	
section.subContentsArea#company_contents .inner.box02 .field .txtarea dl.snslist dd.book-dd img{
width:100%;
max-width:300px;
}
section.subContentsArea#company_contents .inner.box02 p.book-img{
margin-top:20px;
text-align: center;
}
}


/*==================================
	recruit
==================================*/
section.subContentsArea#recruit_contents .pageTitArea .phicon { position: absolute; background: url("../img/illust_recruit.png") no-repeat; background-size: contain; display: block;}
#recruit_contents dl.table { line-height: 2;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
#recruit_contents { padding-bottom: 100px;}
#recruit_contents dl.table  { width: 960px; margin: 0 auto;}
#recruit_contents .contactBtnArea { margin-top: 120px;}
#recruit_contents .contactBtnArea:before { bottom: -45px; left: -180px;}
section.subContentsArea#recruit_contents .pageTitArea .phicon {height: 150px; width: 150px; right: 0; top: 17px;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#recruit_contents .contactBtnArea {  width: 90%; margin: 20px auto 0 auto; padding: 20px 0 30px 0;}
section.subContentsArea#recruit_contents .inner{padding: 40px 0 40px 0;}
#recruit_contents .contactBtnArea:before { left: -25%; bottom: -120px;}
#recruit_contents dl.table dd .period { margin-left: 5%;}
#recruit_contents dl.table dd .notes { margin-left: 10%; text-indent: -5%;}
section.subContentsArea#recruit_contents .pageTitArea .phicon {height: 50px; width: 50px; right: 0; top: 15px;}
}