body{
padding-top:34px;
font-size:12px;
}

/**************************
Header Block
**************************/
.contentFrame{
width:auto;
}

/* header */
#headerWrapper{
position:fixed;
top:0;
left:0;
right:0;
height:auto;
background:#ffffff;
}
#headerWrapper #mainTitle{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:15px;
height:auto;
}
#headerWrapper #mainTitle::before{
position:absolute;
left:15px;
top:50%;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("/images/rwd/rwd_img_sprite.png");
width:40px;
height:28px;
background-position:0 0;
background-size:40px 28px;
content:"";
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
#headerWrapper #mainTitle > img{
width:50px;
height:34px;
opacity:0;
margin:0 auto 0 0;
}
#headerWrapper #mainTitle a.round-btn{
position:static;
float:none;
margin:0;
border-radius:0;
width:75px;
height:37px;
line-height:37px;
font-size:9px;
text-align:center;
}
#headerWrapper #mainTitle .gnavMenu{
position:relative;
display:block;
margin:0;
padding:0;
width:45px;
height:37px;
background:none;
border:none;
}
#headerWrapper #mainTitle .gnavMenu::before, #headerWrapper #mainTitle .gnavMenu::after{
position:absolute;
left:15px;
content:"";
width:15px;
border-top:1px solid #000000;
border-width:1px 0;
-webkit-transform-origin:left;
transform-origin:left;
-webkit-transition:width .3s ease, -webkit-transform .3s ease;
transition:width .3s ease, -webkit-transform .3s ease;
transition:transform .3s ease, width .3s ease;
transition:transform .3s ease, width .3s ease, -webkit-transform .3s ease;
}
#headerWrapper #mainTitle .gnavMenu::before{
top:12px;
}
#headerWrapper #mainTitle .gnavMenu::after{
bottom:12px;
}
#headerWrapper #mainTitle .gnavMenu > span{
position:absolute;
top:50%;
left:50%;
display:block;
border-top:1px solid #000000;
width:15px;
height:0;
text-indent:200%;
white-space:nowrap;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
-webkit-transition:width .3s ease;
transition:width .3s ease;
}
#headerWrapper #mainTitle .gnavMenu.is_open::before{
width:17px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
#headerWrapper #mainTitle .gnavMenu.is_open::after{
width:17px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#headerWrapper #mainTitle .gnavMenu.is_open > span{
width:0;
}
#headerWrapper #globalNavigation{
display:none;
position:absolute;
top:37px;
left:0;
right:0;
overflow:scroll;
}
#headerWrapper #globalNavigation::before{
position:absolute;
top:0;
right:0;
bottom:-200px;
left:0;
content:"";
display:block;
background:#333333;
}
#headerWrapper #globalNavigation ul#mainMenu > li{
float:none;
width:auto;
height:auto;
border-bottom:1px solid #cccccc;
background-image:none;
}
#headerWrapper #globalNavigation ul#mainMenu > li > a{
position:relative;
text-align:left;
height:auto;
line-height:1.6;
padding:15px;
}
#headerWrapper #globalNavigation ul#mainMenu > li > a::before{
position:absolute;
top:50%;
right:15px;
content:"";
display:block;
border:solid #999999;
border-color:#999999 transparent transparent;
border-width:6px 5px 0;
width:0;
line-height:1;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
#headerWrapper #globalNavigation ul#mainMenu > li > a:not([href=""])::before{
-webkit-transform:translateY(-50%) rotate(-90deg);
transform:translateY(-50%) rotate(-90deg);
}
#headerWrapper #globalNavigation ul.subMenu{
position:static;
min-width:0;
background:none;
}
#headerWrapper #globalNavigation ul.subMenu > li{
border-bottom:none;
}
#headerWrapper #globalNavigation ul.subMenu > li .dotList{
margin:0;
padding:0 25px;
width:auto;
}
#headerWrapper #globalNavigation ul.subMenu > li .dotList > li{
float:none;
width:auto;
}
#headerWrapper.scroll{
height:auto;
}
#headerWrapper.scroll > #mainTitle{
margin-top:0;
}
#headerWrapper.scroll ul#mainMenu > li#logoTab, #headerWrapper.scroll ul#mainMenu > li#contactTab{
display:none;
}

/* breadcrumb */
#breadcrumbList{
display:none;
}

/* footer */
#fotter #fotterMenu{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
#fotter #fotterMenu > img{
width:85px;
height:auto;
}
#fotter #fotterMenu .rightBox{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
float:none;
width:auto;
padding:0 15px;
}
#fotter #fotterMenu #contactLine{
margin:25px 0 0;
height:auto;
line-height:1.5;
text-align:center;
}
#fotter #fotterMenu #contactLine > .round-btn{
float:none;
display:block;
margin:20px auto 30px;
padding:0;
width:174px;
height:25px;
font-size:10px;
line-height:25px;
}
#fotter #fotterMenu #naviLine dl dd > ul{
margin-left:.5em;
}
#fotter #fotterMenu #naviLine dl dd > ul > li{
color:#666666;
}
#fotter #fotterMenu #naviLine dl dd > ul > li a{
font-size:10px;
}
#fotter #fotterMenu #naviLineH dl{
width:50%;
margin-bottom:1em;
}
#fotter #fotterMenu #naviLineH dl:nth-of-type(4){
clear:left;
}
#fotter #fotterMenu #naviLineH dl:nth-of-type(5){
margin-top:-43px;
}

#fotter #bottomData{
height:auto;
text-align:center;
line-height:1.5;
padding:20px 0;
}
#fotter #bottomData ul{
float:none;
margin-bottom:10px;
}
#fotter #bottomData ul > li{
float:none;
display:inline-block;
}
#fotter #bottomData ul > li:last-child::before{
margin:0 1.5em;
}
#fotter #bottomData .rightBox{
float:none;
}

/* module */
#pageTitle{
height:200px;
background-size:cover;
}
#pageTitle #titleTxt{
padding:0 15px;
margin:0 0 12px;
height:200px;
}
#pageTitle #titleTxt .headLineType01{
margin:0;
font-size:12px;
line-height:1.5;
}
#pageTitle #titleTxt .headLineType01 span{
font-size:23px;
}

#pageDigest{
padding:0 15px;
}
#pageDigest p{
font-size:14px;
line-height:1.7;
}

#contentbody{
min-width:320px;
}
#contentbody > .contentFrame, #contentbody > .centerBox{
padding:0 15px;
}

.contentWrapper > .contentFrame{
padding:0 15px;
}

#contentbody .headLineType02{
margin:40px 0 20px;
font-size:16px;
line-height:1.7;
}

#contentbody .headLineType03{
font-size:16px;
}

.icon-chklist > li{
position:relative;
padding-left:20px;
}
.icon-chklist > li:nth-child(n+1){
margin-top:10px;
}
.icon-chklist > li::before{
position:absolute;
top:4px;
left:0;
}

.box-step > img{
width:41px;
height:auto;
}

.box-step > dl{
width:calc(100% - 57px);
padding-bottom:17px;
}
.box-step > dl > dt{
font-size:14px;
}
.box-step > dl > dd{
margin-top:5px;
}

.box-step.nextarrow{
background:url(/common/images/w_down_arrow_@2x.png) no-repeat 15px 99%;
background-size:14px 10px;
}

ul.grayList{
padding:10px 12px;
}
ul.grayList.slashList{
line-height:2.5;
}

.sripeBox{
float:none;
display:block;
background-size:15px 15px;
}
.sripeBox > .innerBox{
padding:10px;
}
.sripeBox > .innerBox .slashList{
font-size:10px;
height:auto;
}
.sripeBox > .innerBox .slashList > li{
display:inline;
}
.sripeBox > .innerBox > p{
font-size:12px;
}
.sripeBox > .innerBox dl{
margin-top:15px;
}
.sripeBox > .innerBox dl dt{
font-size:12px;
}
.sripeBox > .innerBox dl dd, .sripeBox > .innerBox dl + div{
font-size:10px;
}
.sripeBox > .innerBox a.rightBox{
font-size:10px;
line-height:1.5;
}
.twinBox > .sripeBox, .tripleBox > .sripeBox, #relatedService .twinBox > .sripeBox, #relatedService .tripleBox > .sripeBox{
margin-bottom:10px;
}
.twinBox > .sripeBox > .innerBox, .twinBox > .sripeBox > .innerBox, .tripleBox > .sripeBox > .innerBox, .tripleBox > .sripeBox > .innerBox, #relatedService .twinBox > .sripeBox > .innerBox, #relatedService .twinBox > .sripeBox > .innerBox, #relatedService .tripleBox > .sripeBox > .innerBox, #relatedService .tripleBox > .sripeBox > .innerBox{
padding:10px;
width:auto;
min-height:0;
}
.twinBox > .sripeBox > .innerBox > p, .twinBox > .sripeBox > .innerBox > p, .tripleBox > .sripeBox > .innerBox > p, .tripleBox > .sripeBox > .innerBox > p, #relatedService .twinBox > .sripeBox > .innerBox > p, #relatedService .twinBox > .sripeBox > .innerBox > p, #relatedService .tripleBox > .sripeBox > .innerBox > p, #relatedService .tripleBox > .sripeBox > .innerBox > p{
min-height:0;
height:auto;
}
.twinBox > .sripeBox:nth-child(2n+1){
margin-right:0;
}
.tripleBox > .sripeBox:nth-child(3n+1){
margin-right:0;
}
.tripleBox > .sripeBox:nth-child(3n+3){
margin-left:0;
}
#relatedWorks .sripeBox > .innerBox{
padding:10px;
}
#relatedWorks .sripeBox > .innerBox > p{
height:auto;
min-height:0;
}

ul#serviceList{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-20px;
width:calc(100% + 20px);
}
ul#serviceList > li{
float:none;
margin:0 20px 20px 0;
width:calc(50% - 20px);
}
ul#serviceList > li > img{
width:auto;
height:44px;
}
ul#serviceList > li > .titleSub{
font-size:12px;
}
ul#serviceList > li > .serviceTitle{
font-size:18px;
}
ul#serviceList > li > p{
font-size:12px;
}
ul#serviceList > li a.round-btn{
padding:0;
width:100%;
height:28px;
font-size:10px;
text-decoration:none;
line-height:28px;
}
ul#serviceList > li a.round-btn.more::after{
right:5px;
}
ul#serviceList > li a.down{
background:none;
}
ul#serviceList > li a.down::after{
position:absolute;
top:50%;
right:5px;
content:">";
-webkit-transform:translateY(-50%) rotate(90deg);
transform:translateY(-50%) rotate(90deg);
}

.relatedEntry{
background:#f4f4f4;
}
.relatedEntry > .heading{
border-bottom:1px solid #666666;
padding-bottom:10px;
font-weight:normal;
}
.relatedEntry .mod_entryList + .more{
margin-top:0;
}
@media screen and (min-width: 768px){
.relatedEntry{
margin:60px 0 0;
padding:38px 20px 20px;
}
.relatedEntry > .heading{
margin:0 0 30px;
font-size:30px;
}
.relatedEntry .mod_entryList{
margin-right:-20px;
}
.relatedEntry .mod_entryList > li{
margin:0 20px 20px 0;
width:300px;
}
.relatedEntry .mod_entryList > li .image{
width:300px;
height:158px;
}
.relatedEntry .mod_entryList > li .inner{
height:150px;
padding-top:20px;
}
}
@media screen and (max-width: 768px){
.relatedEntry{
margin:40px -15px 0;
padding:38px 15px 15px;
}
.relatedEntry > .heading{
margin:0 0 20px;
font-size:16px;
}
.relatedEntry .mod_entryList{
margin-right:0;
}
.relatedEntry .mod_entryList > li{
margin:0 0 15px;
width:auto;
}
.relatedEntry .mod_entryList > li .image{
position:relative;
width:100%;
height:calc((100vw - 30px) * .48);
}
.relatedEntry .mod_entryList > li .image img{
position:absolute;
top:50%;
left:50%;
width:100% !important;
height:auto !important;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.relatedEntry .mod_entryList > li .inner{
padding-top:20px;
}
}

.contentWrapper a.round-btn-def, .contentWrapper a.round-btn, #contentbody a.round-btn-def, #contentbody a.round-btn{
display:block;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
padding:10px 30px;
width:100%;
height:auto;
font-size:14px;
line-height:1.5;
}

.contentWrapper a.more::after, #contentbody a.more::after{
position:absolute;
right:5px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

.contentWrapper a.large, #contentbody a.large{
width:100%;
height:auto;
line-height:1.5;
font-size:14px;
}

.contentWrapper .moreButton, #contentbody .moreButton{
margin-top:0;
}

.contentWrapper .txt16, #contentbody .txt16{
font-size:14px;
line-height:1.7;
}

.contentWrapper .spHide, #contentbody .spHide{
display:none;
}

/* home */
#home #pageTitle{
height:auto;
background-image:url(/images/title_bg_@2x.jpg);
background-size:cover;
}

#home .slides{
min-width:0;
}

#home .slides .cursor .prev a{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("/images/home/home_img_sprite.png");
width:27px;
height:43px;
background-position:-32px 0;
background-size:59px 43px;
}

#home .slides .cursor .next a{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("/images/home/home_img_sprite.png");
width:27px;
height:43px;
background-position:0 0;
background-size:59px 43px;
}

#home .slides .selectWrapper{
width:auto;
}

#home .slides .selectWrapper02{
margin:0;
width:auto;
height:auto;
}

#home .slides .select{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:auto;
height:auto;
}

#home .slides .select li{
overflow:hidden;
position:relative;
vertical-align:top;
}
#home .slides .select li:only-child{
width:100vw;
}

#home .slides .select li > a{
position:relative;
display:block;
}

#home .slides .select li > a > img, #home .slides .select li > img{
width:100%;
height:auto;
vertical-align:top;
}

#home .slides .select li > a > .contentFrame, #home .slides .select li > .contentFrame{
position:absolute;
right:15px;
bottom:15px;
left:15px;
z-index:1;
}

#home .aboutTxt{
position:static;
bottom:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:auto;
padding:15px;
min-height:0;
font-size:12px;
line-height:1.7;
white-space:normal;
}
#home .aboutTxt br{
display:none;
}

#home #scrollBtn{
display:none;
}

#home #pageDigest{
padding:60px 0 50px;
height:auto;
}
#home #pageDigest #digestCopy > .blockTitle{
font-size:23px;
line-height:1.5;
}
#home #pageDigest #digestCopy > p{
font-size:12px;
}

#home #serviceList{
margin-top:0;
padding:0 15px;
}

#home .sectionTitle{
margin-bottom:30px;
height:170px;
background-size:cover;
}
#home .sectionTitle > .blockTitle{
margin-top:40px;
font-size:23px;
}
#home .sectionTitle + .contentFrame{
padding:0 15px;
}
#home .sectionTitle > p{
font-size:12px;
}

#home ul.slashList{
font-size:10px;
height:auto;
line-height:1.5;
}
#home ul.slashList > li{
float:none;
display:inline;
}

#home #contentbody a.round-btn{
margin-top:10px;
border-width:1px;
padding:0 30px;
width:133px;
height:28px;
line-height:28px;
font-size:10px;
}
#home #contentbody a.round-btn.more::after{
right:5px;
}

#home #colum .sectionTitle{
background-position:0 50%;
}

#home #caseStudy .sectionTitle{
margin-bottom:60px;
}

#home #newsBox{
margin-bottom:20px;
}
#home #newsBox > h2{
position:static;
text-align:center;
font-size:20px;
width:auto;
line-height:1.5;
margin:0 0 30px;
}
#home #newsBox > ul{
float:none;
width:auto;
}
#home #newsBox > ul > li{
margin-bottom:30px;
}
#home #newsBox > ul > li > div{
display:inline-block;
line-height:1.5;
}
#home #newsBox > ul > li .date{
font-size:10px;
}
#home #newsBox > ul > li .categoly{
font-size:9px;
}
#home #newsBox > ul > li .categoly > p{
padding:2px 0;
}
#home #newsBox > ul > li .newsTitle{
display:block;
font-size:12px;
padding-left:0;
}

/* service */
.page-template-page-service #pageTitle{
background-image:url(/images/service/title_bg_@2x.png);
}

.page-template-page-service .stepCaution{
width:calc(100% - 57px);
}

.page-template-page-service .box-output{
margin:30px 0;
}
.page-template-page-service .box-output img{
display:block;
margin:0 auto 15px;
max-width:100%;
height:auto;
}
.page-template-page-service .box-output > dl{
width:auto;
min-height:0;
height:auto;
}
.page-template-page-service .box-output .rightBox{
float:none;
}

.page-template-page-service #contentbody{
padding-bottom:30px;
}
.page-template-page-service #contentbody .centerBox > a.round-btn{
margin:0;
}

#service #contentbody{
margin-bottom:70px;
}

#service #pageDigest{
padding-top:30px;
}

#service .sectionTitle{
height:auto;
padding:30px 15px 45px;
background-size:cover;
}
#service .sectionTitle::before, #service .sectionTitle::after{
position:absolute;
bottom:0;
height:15px;
background:#ffffff;
content:"";
z-index:10;
}
#service .sectionTitle::before{
left:0;
right:70%;
-webkit-transform:skewX(45deg) translateX(-7px);
transform:skewX(45deg) translateX(-7px);
}
#service .sectionTitle::after{
left:30%;
right:0;
-webkit-transform:skewX(-45deg) translateX(8px);
transform:skewX(-45deg) translateX(8px);
}
#service .sectionTitle .titleBox{
margin-top:0;
}
#service .sectionTitle .titleBox .egTxt{
font-size:23px;
}
#service .sectionTitle .titleBox .jpTxt{
font-size:14px;
}
#service .sectionTitle .sectionInfo{
width:auto;
font-size:12px;
}
#service .sectionTitle + .titleTriangle{
display:none;
}

#service .tripleBox{
margin:15px 15px 0;
}

#service .sripeBox > .innerBox{
padding:10px;
background-image:none;
}
#service .sripeBox > .innerBox::before{
position:absolute;
top:7px;
right:5px;
content:"";
}
#service .sripeBox > .innerBox > h3{
margin-bottom:15px;
font-size:14px;
}
#service .sripeBox > .innerBox > h3 > .egTxt{
font-size:10px;
}
#service .sripeBox > .innerBox > p{
height:auto;
min-height:0 !important;
}

#service #strategy .innerBox::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("/images/service/service_img_sprite.png");
width:55px;
height:47px;
background-position:-60px 0;
background-size:115px 100px;
}

#service #senario .innerBox::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("/images/service/service_img_sprite.png");
width:55px;
height:47px;
background-position:0 0;
background-size:115px 100px;
}

#service #anarysis .innerBox::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("/images/service/service_img_sprite.png");
width:40px;
height:48px;
background-position:-50px -52px;
background-size:115px 100px;
}

#service #operation .innerBox::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
line-height:1;
background-image:url("/images/service/service_img_sprite.png");
width:45px;
height:48px;
background-position:0 -52px;
background-size:115px 100px;
}

#service .centerBox > a.large{
margin-top:0;
}

#service #demands > ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-20px;
width:auto;
}
#service #demands > ul > li{
float:none;
width:calc((100% - 20px) / 2 - 10px);
height:auto;
line-height:1.7;
}
#service #demands > ul > li:nth-child(4n+3){
margin-left:0;
}
#service #demands > ul > li .numTxt{
margin-bottom:20px;
font-size:25px;
line-height:1;
}
#service #demands > ul > li > p{
padding-top:10px;
}

#service #endMessage{
margin-top:20px;
}
#service #endMessage .round-btn{
margin-top:20px;
}

#feature #feature01 img, #feature #feature02 img, #feature #feature03 img{
max-width:100%;
height:auto;
}

#feature #feature01 .rightBox, #feature #feature02 .rightBox, #feature #feature03 .rightBox{
float:none;
width:auto;
height:auto;
}

#feature #contentbody{
padding-bottom:70px;
}
#feature #contentbody .centerBox > a.round-btn{
margin-top:30px;
width:auto;
height:auto;
line-height:1.5;
}

#case #contentbody{
margin-bottom:70px;
}

#case #pageDigest{
margin-bottom:30px;
}

#case ul.tablist{
display:none;
}

#case .pulldownBox{
margin:0 25px;
border:1px solid #cccccc;
border-radius:4px;
}
#case .pulldownBox::before, #case .pulldownBox::after{
position:absolute;
right:18px;
top:50%;
content:"";
display:block;
border:solid #000000;
border-color:transparent transparent #000000;
border-width:0 3px 5px;
width:0;
line-height:1;
}
#case .pulldownBox::before{
-webkit-transform:translateY(-6px);
transform:translateY(-6px);
}
#case .pulldownBox::after{
-webkit-transform:rotate(180deg) translateY(-2px);
transform:rotate(180deg) translateY(-2px);
}
#case .pulldownBox .selectList{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:none;
border:none;
padding:0 10px;
width:120%;
height:38px;
}

#case .contentFrame > .headLineType02:first-of-type{
margin-top:20px;
}

#case #serchResults.twinBox > .sripeBox > .innerBox{
width:auto;
min-height:0;
padding:10px;
}

#case #serchIndustry table, #case #serchIndustry tbody, #case #serchIndustry tr, #case #serchIndustry th, #case #serchIndustry td{
display:block;
}

#case #serchIndustry table a{
color:#000000;
}

#case #serchIndustry td{
border-right:none;
border-bottom-color:#000000;
border-left:none;
padding:18px 0;
width:100%;
}

#case #serchSection .rowLines{
color:#000000;
}
#case #serchSection .rowLines a{
color:#000000;
}

#case #consultingOutcome table, #case #consultingOutcome tbody, #case #consultingOutcome tr, #case #consultingOutcome th, #case #consultingOutcome td{
display:block;
width:100%;
}

#case #consultingOutcome table{
margin-bottom:30px;
}
#case #consultingOutcome table a{
color:#000000;
}
#case #consultingOutcome table th{
border-bottom:0;
padding:15px 0 0;
font-size:12px;
}
#case #consultingOutcome table td{
border-right:none;
border-bottom-color:#000000;
border-left:none;
padding:10px 0 15px;
width:100%;
}
#case #consultingOutcome table td .box-phase{
background-position:15px 100%;
}
#case #consultingOutcome table td .box-phase > img{
width:47px;
height:auto;
}
#case #consultingOutcome table td .box-phase dl{
width:calc(100% - 67px);
}
#case #consultingOutcome table td .box-phase dl dt{
margin-bottom:5px;
font-size:12px;
}

[id*="voice"] .contentFrame > dl > dt{
float:none;
padding:15px 0 0;
width:auto;
}

[id*="voice"] .contentFrame > dl > dd{
margin-left:0;
border-top:none;
padding:15px 0;
width:auto;
}

[id*="voice"] .voiceIndex{
margin:30px 0;
}

[id*="voice"] .contentFrame > .pointTxt{
font-size:14px;
}

#seminar #contentbody{
margin-bottom:70px;
}

#seminar .yearSelector{
margin-top:30px;
}

#seminar .popPage{
background-position:95% 50%;
}

#seminar .sripeBox .seminartitle{
font-size:14px;
}

#seminar dl.seminerData > dt{
font-size:10px;
}

#seminar dl.seminerData > dd{
margin-left:6.5em;
}

#writing .columTable{
display:block;
}
#writing .columTable .imageColumn, #writing .columTable .blockColumn{
display:block;
width:auto;
}
#writing .columTable .imageColumn{
text-align:center;
}
#writing .columTable .imageColumn img{
max-width:100%;
height:auto;
}
#writing .columTable .blockColumn{
padding:0;
}
#writing .columTable .blockColumn > *:last-child{
margin-bottom:0 !important;
}
#writing .columTable .blockColumn > .mediaTitle{
font-size:14px;
}
#writing .columTable .blockColumn > p{
width:auto;
}

#about #contentbody{
margin-bottom:70px;
}

#about #messageBlock{
width:auto;
height:calc(100vw * (280 / 320));
background-image:url(/images/about/message_@2x.jpg);
background-size:cover;
}

#about #messageTxt{
width:auto;
height:calc(100vw * (280 / 320));
}
#about #messageTxt img{
display:none;
}

#about .contentFrame p{
font-size:12px;
}

#about .contentFrame .headLineType03{
font-size:14px;
}

#about #profileBooks{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin-bottom:20px;
}
#about #profileBooks .headLineType{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
}
#about #profileBooks .leftBox{
float:none;
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
width:auto;
height:auto;
}
#about #profileBooks .leftBox .bookTitle, #about #profileBooks .leftBox .bookSubTitle, #about #profileBooks .leftBox .bookCatch, #about #profileBooks .leftBox .bookAuther, #about #profileBooks .leftBox .bookChapter1, #about #profileBooks .leftBox .bookChapter2{
position:static;
display:block;
}
#about #profileBooks .leftBox .bookTitle{
font-size:16px;
}
#about #profileBooks .leftBox .bookSubTitle{
font-size:16px;
margin:0 0 10px;
}
#about #profileBooks .leftBox .bookCatch{
margin:0 0 20px;
font-size:14px;
line-height:1.5;
}
#about #profileBooks .leftBox .bookCatch br{
display:none;
}
#about #profileBooks .leftBox .bookAuther{
margin:0 0 10px;
font-size:12px;
}
#about #profileBooks .leftBox .bookChapter1, #about #profileBooks .leftBox .bookChapter2{
font-size:12px;
}
#about #profileBooks .rightBox{
float:none;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
width:auto;
height:auto;
text-align:center;
}

#about #otherBooks .leftBox, #about #otherBooks .rightBox{
float:none;
width:auto;
height:auto;
margin:0 0 15px;
padding:15px;
}
#about #otherBooks .leftBox > p, #about #otherBooks .rightBox > p{
margin-bottom:0;
}

#about #otherBooks .bookTitle{
display:inline-block;
margin-bottom:10px;
font-size:14px;
line-height:1.6;
}

#about #aboutLogo > img{
display:block;
margin:0 auto 10px;
max-width:100%;
height:auto;
}

#about #aboutLogo > .rightBox{
float:none;
margin-top:20px;
width:auto;
}
#about #aboutLogo > .rightBox > *:last-child{
margin-bottom:0 !important;
}

#company #contentbody{
margin-bottom:70px;
}

#company #overview > dl > dt{
float:none;
padding-top:15px;
width:auto;
}

#company #overview > dl > dd{
margin:0 0 15px 0;
border-top:none;
padding-top:5px;
}
#company #overview > dl > dd .listTitle{
font-size:12px;
}
#company #overview > dl > dd > ul{
margin-bottom:1em;
}

#access #contentbody{
margin-bottom:70px;
}

#access #googleMap{
overflow:visible;
}
#access #googleMap iframe{
margin:0 -15px;
width:100vw;
height:100vw;
}

#recruit #contentbody{
margin-bottom:70px;
}

#recruit .contentFrame{
height:auto;
}

#flow #contentbody{
margin-bottom:70px;
}
#flow #contentbody .centerBox > a.round-btn{
position:relative;
margin:20px 0 0;
padding:10px 30px;
width:auto;
height:auto;
background-image:none;
line-height:1.2;
}
#flow #contentbody .centerBox > a.round-btn::before{
position:absolute;
top:50%;
right:10px;
content:"";
display:block;
width:8px;
height:8px;
border:solid #ffffff;
border-width:0 1px 1px 0;
-webkit-transform:translateY(-70%) rotate(45deg);
transform:translateY(-70%) rotate(45deg);
}
#flow #contentbody .contentFrame p{
font-size:12px;
}
#flow #contentbody .contentFrame > dl dt{
float:none;
padding-top:15px;
width:auto;
font-size:14px;
}
#flow #contentbody .contentFrame > dl dd{
float:none;
margin-left:auto;
border-top:none;
padding:5px 0 15px;
width:auto;
font-size:12px;
}
#flow #contentbody .contentFrame > dl dd > ul > li{
padding-left:2em;
text-indent:-2em;
}
#flow #contentbody ul.diskList li{
font-size:12px;
}
#flow #contentbody #forUser p img, #flow #contentbody #forPartner p img, #flow #contentbody #forOrder p img{
max-width:100%;
height:auto;
}

body.form #contentbody{
margin-bottom:70px;
}

body.form #contactForm{
width:auto;
}
body.form #contactForm > form > dl{
width:auto;
}
body.form #contactForm > form > dl dt{
float:none;
margin-bottom:5px;
width:auto;
}
body.form #contactForm > form > dl dt br{
display:none;
}
body.form #contactForm > form > dl dd{
float:none;
margin-left:0;
width:auto;
}
body.form #contactForm .centerBox > a.large{
width:auto;
}
body.form #contactForm textarea{
height:100px;
}

body.form #acceptedMessage, body.form #cautionText{
width:auto;
}

body.form #acceptedMessage p.centerBox{
text-align:left;
}

body.form #acceptedMessage div.centerBox > .round-btn{
line-height:1.5;
}

#privacy #contentbody .headLineType02{
padding-bottom:10px;
font-size:16px;
}