@charset "utf-8";
@import "css/clear.css";
@import "css/utill.css";
@import "css/hamburger.css";
/*
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/NotoSerifCJKjp-ExtraLight.otf);
}
*/
* {
margin: 0;
padding: 0;
font-size: 100%;
/*font-weight: normal;*/
list-style: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

html {
-webkit-overflow-scrolling: touch;
}

body {
text-align: center;
font-size: 100%;
font-family: "Noto Sans Japanese", san-serif;
font-weight: 300;
line-height: 1.7;
color: #333333;
letter-spacing:0.1em;
}

img{ border:none; vertical-align:middle; max-width:100%;}
img{ width:auto\9; height:auto\9;}

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

.baseWidth{ max-width:1000px; margin-left:auto; margin-right:auto;}
/*
.serifFont{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}*/
.serifFont{ font-family:"ヒラギノ明朝 ProN W3","ＭＳ Ｐ明朝", serif; font-weight:100;}
.alphaStart{ opacity:0;}
.SPOnly{ display:none;}




.frame{ position:relative; overflow:hidden;}


.frameAll:before,.frameSpOnlyLeft:before,.frameSpOnlyRight:before,.frameSpNone:before{ content:""; position:absolute; top:-80px; left:-80px; width:100px; height:100px; background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.5s;
-webkit-transition: all 0.5s;
z-index:300;
}
.frameAll:hover:before,.frameSpOnlyLeft:hover:before,.frameSpOnlyRight:hover:before,.frameSpNone:hover:before{ top:-220px; left:-220px; width:280px; height:280px;}

.frameAll:after,.frameSpOnlyLeft:after,.frameSpOnlyRight:after,.frameSpNone:after{ content:""; position:absolute; bottom:-80px; right:-80px; width:100px; height:100px; background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.5s;
-webkit-transition: all 0.5s;
z-index:301;
}
.frameAll:hover:after,.frameSpOnlyLeft:hover:after,.frameSpOnlyRight:hover:after,.frameSpNone:hover:after{ bottom:-220px; right:-220px; width:280px; height:280px;}


.frameAllNoHover:before,.frameSpOnlyLeftNoHover:before,.frameSpOnlyRightNoHover:before,.frameSpNoAllNoHover:before{ content:""; position:absolute; top:-80px; left:-80px; width:100px; height:100px; background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.frameAllNoHover:after,.frameSpOnlyLeftNoHover:after,.frameSpOnlyRightNoHover:after,.frameSpNoAllNoHover:after{ content:""; position:absolute; bottom:-80px; right:-80px; width:100px; height:100px; background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}


.frameAllSmall:before{ content:""; position:absolute; top:-80px; left:-80px; width:100px; height:100px; background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.frameAllSmall:hover:before{ top:-230px; left:-230px; width:280px; height:280px;}

.frameAllSmall:after{ content:""; position:absolute; bottom:-80px; right:-80px; width:100px; height:100px; background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.frameAllSmall:hover:after{ bottom:-230px; right:-230px; width:280px; height:280px;}




#header{ padding:60px 0 0;}


#mainLoop{ position:relative; width:100%; height:600px;}
#mainLoop li{ position:absolute; top:0; left:0; width:100%; height:600px;}
#mainLoop1{ background: url(img/main_loop_1.jpg) center center no-repeat; background-size:cover;}
#mainLoop2{ background: url(img/main_loop_2.jpg) center center no-repeat; background-size:cover;}
#mainLoop3{ background: url(img/main_loop_3.jpg) center center no-repeat; background-size:cover;}
#mainLoop4{ background: url(img/main_loop_4.jpg) center center no-repeat; background-size:cover;}
#mainLoop5{ background: url(img/main_loop_5.jpg) center center no-repeat; background-size:cover;}

#indexGnavWrapper #logo{ width:185px; margin:40px auto 40px;}
#logo{ width:185px; margin:40px auto 30px;}
#navGlobal{ height:100px; padding:0 0 100px; position:relative; background:rgba(255,255,255,1); top:0;}
#navGlobal ul{ display:none; width:100%; position:absolute; left:50%; top:107px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
#navGlobal ul li{ display:inline-block; padding:0 18px;}
#navGlobal ul li a{ font-size:12px; position:relative;}
#navGlobal ul li a.current{ color:#ccc;} 

#navService ul li a{ color:#fff; font-size:140%; display:block; height:250px; position:relative;}
#navService ul li a span{ position:absolute; top:50%; left:50%;
font-family:"ヒラギノ明朝 ProN W3","ＭＳ Ｐ明朝", serif; font-weight:100;
line-height:1; letter-spacing:0.5em;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
#navService ul li#service1{ background: url(img/shaken_service_btn.jpg) center center no-repeat; background-size: cover;}
#navService ul li#service2{ background: url(img/bankintosou_service_btn.jpg) center center no-repeat; background-size: cover;}
#navService ul li#service3{ background: url(img/ippanseibi_service_btn.jpg) center center no-repeat; background-size: cover;}


#instaInclude{ margin:100px auto 0;}
#instaInclude h2{ width:120px; margin:0 auto 30px;}
#js-instalib li{ display:block; width:25%; float:left;}
.photoCover img{ width:auto; max-width:inherit; min-width:250px; height:250px;}


#mainQ{ max-width:980px; margin:90px auto 100px;}
#qaContent{position:relative;}

#mainQ h2{ margin:0 auto 40px;}
#qText{ width:14px;}
#aText{ width:17px;}

#mainQ ul{ width:100%;}
#mainQ ul li{ border-bottom:1px solid #c2c2c2; padding:0 0 15px; margin:20px 0 0; text-align:left;}

#mainQ ul li dl{ padding:0 25px;}
#mainQ ul li dl dt{ float:left; width:70%; font-size:13px; line-height:1;}
#mainQ ul li dl dd{ float:left; width:30%; font-size:13px; line-height:1; text-align: right;}

#mainQ ul li dl dd input{ opacity: 0;}
#mainQ ul li dl dd label{ position: relative; padding-left: 2rem;}
#mainQ ul li dl dd label:before{
display: inline-block;
content: "";
width: 1rem;
height: 1rem;
background-color: #fff;
border: 1px solid #c2c2c2;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.5rem;
box-sizing:border-box;
}
#mainQ ul li dl dd input[type=radio]:checked + label:after{
display: inline-block;
content: "";
width: 1rem;
height: 1rem;
background-color: #2d2d2d;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.5rem;
box-sizing:border-box;
}
#mainQ ul li dl dd input[type=radio]:checked + label{
	color:#000;
}

#answer{ display:block; width:150px; margin:30px auto 0; cursor:pointer;}

.answerWrapper{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; display:none;}
.answerContent{ width:100%; height:100%; background:#fff; display:none;}

.answerTitle{ position:relative; padding-bottom:25px; margin:0 auto 40px; font-size:20px; display:inline-block; letter-spacing:0em; font-weight:200; border-bottom:1px solid #4c4c4c;}
.answerText{ text-align: center; line-height:3; font-size:13px;}
.answerFine{ font-size:16px; font-weight:400; margin:40px auto 40px;}

.closeBtn {
	position:relative; margin:0 auto; cursor:pointer;
	width: 32px;
	height: 17px;
}
.closeBtn span {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #4c4c4c;
}
.closeBtn span:nth-of-type(1) {
	top: 0;
	-webkit-transform: translateY(6px) rotate(-35deg);
	transform: translateY(6px) rotate(-35deg);
}
.closeBtn span:nth-of-type(2) {
	bottom: 0;
	-webkit-transform: translateY(-10px) rotate(35deg);
	transform: translateY(-10px) rotate(35deg);
}

#navBanner ul li{ display:inline-block; width:50%;}
#saiyoBanner a{ display:block; background: url(img/saiyo_banner_btn.jpg) center center no-repeat; background-size: cover; height:165px; overflow:hidden; position:relative;}
#saiyoBanner a span{ color:#fff; font-size:18px; position:absolute; top:50%; right:18%; line-height:1; letter-spacing:0.2em; font-weight:200;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
}
#reportBanner a{ display:block; background: url(img/report_banner_btn.jpg) center center no-repeat; background-size: cover; height:165px; overflow:hidden; position:relative;}
#reportBanner a span{ color:#fff; font-size:18px; position:absolute; top:50%; right:18%; line-height:1; letter-spacing:0.2em; font-weight:200;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
}

#navInfo{ margin:80px auto 60px;}
#navInfo ul li{ display:inline-block; padding:0 35px;}
#accessIcon a{ display:block; background: url(img/access_icon_btn.jpg) center center no-repeat; background-size: cover; width:75px; height:0; padding-top:75px; overflow:hidden;}
#contactIcon a{ display:block; background: url(img/contact_icon_btn.jpg) center center no-repeat; background-size: cover; width:75px; height:0; padding-top:75px; overflow:hidden;}
#accessIcon a:hover,#contactIcon a:hover{opacity:0.5;}


#toTop{ background: url(svg/topback_btn.svg) center center no-repeat; width:30px; height:30px; cursor:pointer; margin:0 auto;}
#toTop:hover{opacity:0.5;}


#footer{ position:relative; overflow:hidden;}
#footer:after{ content:""; position:absolute; top:30px; right:-80px; width:100px; height:100px; background: #2d2d2d;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#footer div{ margin:50px auto 0; background:#2d2d2d; width:100%; min-height:200px; padding:40px; position:relative; overflow:hidden; text-align:left; box-sizing:border-box;}
#footer div:before{ content:""; position:absolute; top:-80px; left:-80px; width:100px; height:100px; background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

#fGlobal ul:nth-child(1){ float:left; width:135px;}
#fGlobal ul:nth-child(2){ float:left; width:135px;}
#fGlobal ul:nth-child(3){ float:left; width:135px;}

#fGlobal ul li{ margin-bottom:10px;}
#fGlobal ul li a{ color:#fff; font-size:12px; text-decoration:underline;}
#fGlobal ul li a:hover{ text-decoration:none;}

#sns{ position:absolute; top:40px; right:20px;}
#sns ul li{ display:inline-block; padding:0 20px; width:35px; height:35px; overflow:hidden; cursor:pointer; user-select:none; -webkit-user-select:none;}
#sns ul li:hover{opacity:0.5;}
#sns ul li#gpIcon{ background: url(img/grouplink_icon.png) center center no-repeat; background-size: contain;}
#sns ul li#twitterIcon{ background: url(img/twitter_icon.png) center center no-repeat; background-size: contain;}
#sns ul li#fbIcon{ background: url(img/fb_icon.png) center center no-repeat; background-size: contain;}
#sns ul li#instaIcon{ background: url(img/insta_icon.png) center center no-repeat; background-size: contain;}
#sns ul li a{ display:block; width:35px; height:35px;}

#glink{ position:absolute; top:95px; right:20px; display:none;}
#glink.onGlink{ display:block;}
#glink ul li{ display:inline-block; margin:0 0 0 1px;}
#glink ul li a{ color:#fefdd9; background:#242424; line-height:1; padding:10px 10px; font-size:10px;}
#glink ul li a:hover{ color:#fff;}

#copyright{ position:absolute; top:150px; right:40px; width:240px;}




#lowerContent p,#lowerContentSimple p{ margin:0 0 20px; font-size:14px;}
#lowerContentSimple{ margin-top:-20px;}
#lowerContent p.attentionText{ font-size:12px; margin:10px auto 0;}
#lowerContentSimple p.attentionText{ font-size:12px; margin:10px auto 0;}

.section{ margin:0 0 120px;}
.underline{ position:relative; padding-bottom:25px; margin:0 auto 40px; font-size:16px; display:inline-block; letter-spacing:0.5em; font-weight:300;}
.underline:before{ position:absolute; content:""; bottom:0px; left:50%; height:2px; background:#4c4c4c; width:240px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.underlineS{ position:relative; padding-bottom:10px; font-size:14px; margin:40px auto 20px; letter-spacing:0.5em; font-weight:300;}
.underlineS.mt30{ margin:30px auto 20px;}
.underlineS:before{ position:absolute; content:""; bottom:0px; left:50%; height:1px; background:#7f7f7f; width:150px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}

.lowerTitle{ overflow:hidden; height:0; padding-top:250px; position:relative;}
.lowerTitle h2.NO-USE{ position:absolute; top:50%; left:50%; font-family:"ヒラギノ明朝 ProN W3","ＭＳ Ｐ明朝", serif; font-weight:100; font-size:140%; line-height:1; letter-spacing:0.5em;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}

#shakenTitle{ background: url(img/shaken_title.jpg) center center no-repeat; background-size: cover; color:#fff;}
#bankintosouTitle{ background: url(img/bankintosou_title.jpg) center center no-repeat; background-size: cover; color:#fff;}
#ippanseibiTitle{ background: url(img/ippanseibi_title.jpg) center center no-repeat; background-size: cover; color:#fff;}
#companyTitle{ background: url(img/company_title.jpg) center center no-repeat; background-size: cover; color:#fff;}
#accessTitle{ background: url(img/access_title.jpg) center center no-repeat; background-size: cover;}
#contactTitle{ background: url(img/contact_title.jpg) center center no-repeat; background-size: cover;}
#reportTitle{ background: url(img/report_title.jpg) center center no-repeat; background-size: cover; color:#fff;}
#saiyoTitle{ background: url(img/saiyo_title.jpg) center center no-repeat; background-size: cover; color:#fff;}
#privacyTitle{ background: url(img/privacy_title.jpg) center center no-repeat; background-size: cover; color:#fff;}




.subTitle{ font-size:18px; margin:0 auto 50px;}
.centerParagraph{ text-align: center; line-height:2.5; font-size:85%;}

#map-canvas{ width:100%; height:500px;}
#lowerServiceBtn{ margin:0 auto 80px;}
#lowerServiceBtn03{ margin:-40px auto 80px;}

.pointText{ font-size:18px; margin:40px auto 40px;}
.pointTextS{ font-size:14px; margin:40px auto 10px; font-weight:300;}

.addDot{ font-size:14px; margin:40px auto 10px; font-weight:300; position:relative; display:inline-block;}
.addDot.mt0{ margin:0 auto 10px;}
.addDot:before{ content:"・"; position:absolute; top:0; left:-1rem;}

.snap li{ display:inline-block; vertical-align: top;}
.snap li:nth-child(1){ width:62.2%; margin:0 0.4% 0.4% 0;}
.snap li:nth-child(2){ width:37.4%; margin:0 0 0.4% 0; position:relative;}
.snap li:nth-child(2) div:nth-child(2){ position:absolute; bottom:0;}
.snap li:nth-child(2) div:nth-child(2) span{ display:block;}
.snap li:nth-child(3){ width:49.8%; margin:0 0.4% 0 0;}
.snap li:nth-child(4){ width:49.8%; margin:0;}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .snap li:nth-child(2) div:nth-child(2){ position:relative; bottom:0; margin-top:2px;}
}

.tableMask{ overflow:hidden; position:relative; max-width: 960px; margin:0 auto;}
.tableMask table{ border-top:1px solid #999; border-left:1px solid #999; width:960px; box-sizing:border-box; margin:0 auto;}
.tableMask table tr th{ border-bottom:1px solid #999; border-right:1px solid #999; padding:20px; box-sizing:border-box; font-size:12px; text-align:left; font-weight:300;}
.tableMask table tr td{ border-bottom:1px solid #999; border-right:1px solid #999; padding:20px; box-sizing:border-box; font-size:12px;}
.tableMask table tr th.ac{ text-align:center;}

.tableMask table tr th.row1-1{ width:21.875%;}
.tableMask table tr td.row1-2{ width:28.125%;}
.tableMask table tr th.row1-3{ width:21.875%;}
.tableMask table tr td.row1-4{ width:28.125%;}

.tableMask table tr th.row2-1{ width:15.625%;}
.tableMask table tr td.row2-2{ width:14.0625%;}

.tableMask table tr th.row3-1{ width:18.75%;}
.tableMask table tr td.row3-2{ width:16.25%;}
.tableMask table tr th.bgColor1,.tableMask table tr td.bgColor1{ background:#f5f5f5;}
.tableMask table tr th.bgColor2,.tableMask table tr td.bgColor2{ background:#ebebeb;}

.tableMask table tr th.row4-1{ width:15.625%; vertical-align:middle; text-align:center;}
.tableMask table tr td.row4-2{ width:12.5%;}
.tableMask table tr td.row4-3{ width:21.875%;}

.tableMask .fixedTable{ width:181px; float:left;}
.tableMask .scrollTable{ max-width:779px; float:right; overflow:auto;}
.tableMask .fixedTable table{ width:100%;}
.tableMask .scrollTable table{ width:779px; border-left:none;}
.tableMask .scrollTable table td{ width:20%;}

.tableMask .fixedTable2{ width:150px; float:left;}
.tableMask .scrollTable2{ max-width:810px; float:right; overflow:auto;}
.tableMask .fixedTable2 table{ width:100%;}
.tableMask .scrollTable2 table{ width:810px; border-left:none;}
.tableMask .scrollTable2 table td{ width:135px;}


.simpleTable{ border-top:1px solid #999; border-left:1px solid #999; width:480px; box-sizing:border-box; margin:0 auto;}
.simpleTable tr th{ border-bottom:1px solid #999; border-right:1px solid #999; padding:20px; box-sizing:border-box; font-size:12px; text-align:left; font-weight:300;}
.simpleTable tr td{ border-bottom:1px solid #999; border-right:1px solid #999; padding:20px; box-sizing:border-box; font-size:12px;}

.simpleTable th.s-row-1-1{ width:37.5%;}
.simpleTable th.s-row-2-1{ width:37.5%; text-align:center;}

.tableHalfColumn{ display:inline-block; width:50%;}
table.tableHalf{ width:100%; border-top:1px solid #999; border-left:1px solid #999; box-sizing:border-box; margin:0;}
table.tableHalf.noLeftBorder{border-left:none;}
table.tableHalf tr th{ border-bottom:1px solid #999; border-right:1px solid #999; padding:20px; box-sizing:border-box; font-size:12px; text-align:center; vertical-align:middle; font-weight:300;}
table.tableHalf tr td{ border-bottom:1px solid #999; border-right:1px solid #999; padding:20px; box-sizing:border-box; font-size:12px;}
table.tableHalf tr th.row5-1{ width:30%;}
table.tableHalf tr td.row5-2{ width:30%;}
table.tableHalf tr td.row5-3{ width:40%;}
table.tableHalf tr th.row6-1{ width:40%;}
table.tableHalf tr td.row6-2{ width:60%;}


.option{ width:100%; border-top:1px solid #898989; border-left:1px solid #898989;}
.option td{ width:25%; height:60px; font-size:12px; background:#f4f5f5; vertical-align:middle; border-bottom:1px solid #898989; border-right:1px solid #898989; box-sizing:border-box;}
.option td span{ display:block; font-size:80%;}

.twoColumn li{ float:left; width:50%;}
.twoColumn li:nth-child(2n+1){ padding-right:2%; box-sizing:border-box;}
.twoColumn li:nth-child(2n){ padding-left:2%; box-sizing:border-box;}

.twoColumnPhoto li{ float:left; width:50%;}
.twoColumnPhoto li:nth-child(2n+1){ padding-right:2%; box-sizing:border-box;}
.twoColumnPhoto li:nth-child(2n){ padding-left:2%; box-sizing:border-box;}

.mt50{margin-top:50px !important;}
#beforeText{ width:63px; margin:0 auto 10px;}
#afterText{ width:50px; margin:0 auto 10px;}

.flowList{ max-width:960px; margin:0 auto;}
.flowList li{ margin-bottom:20px;}
.flowList li:last-child{ margin-bottom:0;}
.flowList li dl dt{ float:left; width:50%;}
.flowList li dl dd{ float:left; width:50%;}
.flowList li dl dd h3{ font-size:16px; font-weight:400; position:relative; margin-bottom:35px;}
.flowList li dl dd h3:after{ content:""; height:1px; width:120px; background:#000; position:absolute; bottom:-15px; left:50%; margin-left:-60px;}
.flowList li dl dd h3 img{ display:block; margin:70px auto 30px; width:auto; height:20px;}
#lowerContentSimple li dl dd p{ font-size:12px;}


#genreList{ text-align:left; max-width: 480px; margin-left:auto; margin-right:auto;}
#genreList li{ margin-bottom:20px;}
#genreList li input{ opacity: 0; position:absolute; z-index:-1;}
#genreList li label{ position: relative; padding-left:2rem; font-size:14px; font-weight:300;}
#genreList li label:before{
display: inline-block;
content: "";
width: 1rem;
height: 1rem;
background-color: #fff;
border: 1px solid #c2c2c2;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.5rem;
box-sizing:border-box;
}
#genreList li input[type=radio]:checked + label:after{
display: inline-block;
content: "";
width: 1rem;
height: 1rem;
background-color: #2d2d2d;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.5rem;
box-sizing:border-box;
}
#genreList li input[type=radio]:checked + label{
color:#000;
}

#inputList{ max-width:480px; margin:40px auto 0;}
#inputList dt{ margin:20px auto 10px;}
#inputList dt img{ width:auto; height:12px;}
#inputList dd input{ font-size:16px; width:100%; height:60px; border:1px solid #999; padding:1rem; box-sizing:border-box; text-align:left; color:#2d3a43;}
#inputList dd textarea{ font-size:16px; width:100%; height:360px; border:1px solid #999; padding:1rem; box-sizing:border-box; text-align:left; color:#2d3a43; line-height:1.7;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
}

#submitBtn{ display:block; margin:60px auto 0; width:150px;}
button.defaultBtn{ width:150px; padding:0; line-height:1; border:none; cursor:pointer;}
input, button, select, textarea{ border-radius:0; -webkit-appearance: none;}

#lowerContent p#formEx{ margin-bottom:40px;}


#infoTableWrapper{ max-width:960px; margin:0 auto;}
table.infoTable{ border-top:1px solid #999; border-left:1px solid #999; width:100%; box-sizing:border-box; margin:0 auto;}
table.infoTable tr th{ border-bottom:1px solid #999; border-right:1px solid #999; padding:20px 0 20px 80px; box-sizing:border-box; font-size:12px; text-align:left; font-weight:300; width:24%;}
table.infoTable tr td{ border-bottom:1px solid #999; border-right:1px solid #999; padding:20px 20px 20px 60px; box-sizing:border-box; font-size:12px; text-align:left;}
table.infoTable tr td a{ text-decoration:underline;}
table.infoTable tr td a:hover{ text-decoration:none;}


#reportWrapper{ margin-bottom:220px;}
#reportWrapper img{ max-width:640px; margin-left:auto; margin-right:auto;}
.reportParagraph1{ margin-top:70px; margin-bottom:50px;}
.reportParagraph2{ margin-top:40px; margin-bottom:50px;}
.reportParagraph3{ margin-top:40px; margin-bottom:70px;}
.reportParagraph4{ margin-top:40px; margin-bottom:50px;}
#reportParagraphLast{ margin-top:40px; margin-bottom:-120px; line-height: 2;}
#reportParagraphLast a{ text-decoration:underline; word-break:break-all;}
#reportParagraphLast a:hover{ text-decoration:none;}

.reportImgList img{ margin-bottom:40px;}
.reportImgList img.lastChild{ margin-bottom:0;}
.reportImgListS img{ margin-bottom:20px;}
.reportImgListS img.lastChild{ margin-bottom:0;}
#lowerContent p.photoEx{ max-width:640px; text-align:right; font-size:10px; margin:10px auto 0;}


#privacyWrapper{ text-align:left;}
#privacyWrapper p:first-child{ margin:0;}
#privacyWrapper p{ margin:40px 0 0; line-height: 2;}


.video-container{ position:relative; padding-bottom:56.11111111%; height:0; overflow:hidden;}
.video-container video{
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
}

#video1Btn{ position:absolute; top:0; left:0; width:100%; height:100%; background: url(img/ippanseibi_before_1.jpg) center center no-repeat; background-size:cover; cursor:pointer;}
#video2Btn{ position:absolute; top:0; left:0; width:100%; height:100%; background: url(img/ippanseibi_after_1.jpg) center center no-repeat; background-size:cover; cursor:pointer;}


#recruitContact{ display:block; width:220px; margin:30px 0 0; cursor:pointer; text-align:left;}
.recruitContent{ max-width:780px; margin:90px auto 100px; text-align:left;}
.recruitTitle{ text-align: center; margin:-40px auto 35px; font-size:22px; font-weight:normal;}
.recruitSubTitle{ text-align: center; margin:0 auto 60px; font-size:14px; font-weight:normal; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; padding:20px 0;}
.recruitStrong{ font-weight:bold;}
.recruitSectionTitle{ margin:-20px auto 40px; font-size:15px; font-weight:normal; border-bottom:1px solid #b5b5b5; padding:0 0 20px;}
.recruitTxt{ line-height:2.5; font-size:85%;}
.recruitList--a{ margin:60px auto 60px;}
.recruitList--a li{ font-weight: bold; line-height:2.5; font-size:85%;}
.recruitList--a li:before{content:"●";}
.recruitList--b li{ line-height:2.5; font-size:85%;}
.recruitList--b li:before{content:"・";}




/* タブレット ---------------------------------------------*/
@media screen and (max-width : 768px) {


.PCOnly{ display:none;}


.frameSpOnlyLeft:after{ content:none;}
.frameSpOnlyRight:before{ content:none;}
.frameSpNone:before{ content:none;}
.frameSpNone:after{ content:none;}

.frameSpOnlyLeft.frameSpHover:before{ top:-220px; left:-220px; width:280px; height:280px;}
.frameSpOnlyRight.frameSpHover:after{ bottom:-220px; right:-220px; width:280px; height:280px;}

.frameSpOnlyLeft.frameSpNonHover:before{ top:-80px; left:-80px; width:100px; height:100px;}
.frameSpOnlyRight.frameSpNonHover:after{ bottom:-80px; right:-80px; width:100px; height:100px;}

.frameAll.frameSpHover:before{ top:-220px; left:-220px; width:280px; height:280px;}
.frameAll.frameSpHover:after{ bottom:-220px; right:-220px; width:280px; height:280px;}
.frameAll.frameSpNonHover:before{ top:-80px; left:-80px; width:100px; height:100px;}
.frameAll.frameSpNonHover:after{ bottom:-80px; right:-80px; width:100px; height:100px;}

.frameSpOnlyLeftNoHover:after{ content:none;}
.frameSpOnlyRightNoHover:before{ content:none;}
.frameSpNoAllNoHover:before{ content:none;}
.frameSpNoAllNoHover:after{ content:none;}

.frameAllSmall.frameSpHover:before{ top:-220px; left:-220px; width:280px; height:280px;}
.frameAllSmall.frameSpHover:after{ bottom:-220px; right:-220px; width:280px; height:280px;}
.frameAllSmall.frameSpNonHover:before{ top:-80px; left:-80px; width:100px; height:100px;}
.frameAllSmall.frameSpNonHover:after{ bottom:-80px; right:-80px; width:100px; height:100px;}


#header{ padding:20px 0 0;}
#mainLoop1{ background: url(img/main_loop_1_sp.jpg) center center no-repeat; background-size:contain;}
#mainLoop2{ background: url(img/main_loop_2_sp.jpg) center center no-repeat; background-size:contain;}
#mainLoop3{ background: url(img/main_loop_3_sp.jpg) center center no-repeat; background-size:contain;}
#mainLoop4{ background: url(img/main_loop_4_sp.jpg) center center no-repeat; background-size:contain;}
#mainLoop5{ background: url(img/main_loop_5_sp.jpg) center center no-repeat; background-size:contain;}

#indexGnavWrapper #logo{ width:37.2%; margin:0 auto 0;}
#logo{ width:37.2%; margin:0 auto;}

#navGlobal{ height:auto; padding:0 0 28%; z-index:400; transform:translateZ(0);}
#navGlobal h1{ position:absolute; top:25px; left:1rem;}
#hamburger{ position:absolute; top:28px; right:1rem;}

#navGlobal ul{ background:#fff; padding:0 0 8%; top:80px;}
#navGlobal ul li{ display:block; margin:1rem 0;}
#navGlobal ul li a{ font-size:12px;}

#navService ul li a{ font-size:16px;}

#navGlobal.navFix{ padding:0 0 80px; width:100%; top:0; left:0; position:fixed;}

#instaInclude h2{ width:auto;}
#instaInclude h2 img{ width:auto; height:12px;}
#js-instalib li{ width:50%;}


#qText{ width:auto;}
#qText img{ width:auto; height:16px;}
#aText{ width:auto;}
#aText img{ width:auto; height:16px;}
#mainQ{ margin:78px auto 100px;}
#mainQ ul li dl{ padding:0 1rem;}
#mainQ ul li dl dt{ float:none; width:100%; text-align: center; margin-bottom:20px; line-height:1.7; font-size:12px;}
#mainQ ul li dl dd{ float:none; width:100%; text-align: center; font-size:12px;}

#answer{ width:120px;}
.answerTitle{ padding-bottom:25px; font-size:16px; letter-spacing:0.1em;}
.answerText{ font-size:12px;}
.answerFine{ font-size:14px;}

.closeBtn {
	position:relative; margin:0 auto; cursor:pointer;
	width: 25px;
	height: 15px;
}
.closeBtn span:nth-of-type(1) {
	top: 0;
	-webkit-transform: translateY(4px) rotate(-35deg);
	transform: translateY(4px) rotate(-35deg);
}
.closeBtn span:nth-of-type(2) {
	bottom: 0;
	-webkit-transform: translateY(-10px) rotate(35deg);
	transform: translateY(-10px) rotate(35deg);
}

#navBanner ul li{ display:block; width:100%;}
#saiyoBanner a span{ font-size:16px;}
#reportBanner a span{ font-size:16px;}

#navInfo ul li{ display:inline-block; padding:0 30px;}
#accessIcon a{ width:60px; padding-top:60px;}
#contactIcon a{ width:60px; padding-top:60px;}


#footer div{ padding:8% 0 4%;}
#fGlobal ul:nth-child(1){ float:left; width:35%; text-align:center;}
#fGlobal ul:nth-child(2){ float:left; width:30%; text-align:center;}
#fGlobal ul:nth-child(3){ float:left; width:35%; text-align:center;}
#fGlobal ul li a{ font-size:11px;}

#sns{ position:static; text-align: center; padding:18% 0 12%;}
#sns ul li{ padding:0 15px; width:30px; height:30px;}
#sns ul li a{ width:30px; height:30px;}

#copyright{ position:static; width:auto; text-align: center; margin:0 auto;}
#copyright img{ width:auto; height:8px;}


.lowerTitle h2{ font-size:18px;}
#shakenTitle{ background: url(img/shaken_title_SP.jpg) center center no-repeat; background-size: cover;}
#bankintosouTitle{ background: url(img/bankintosou_title_SP.jpg) center center no-repeat; background-size: cover;}
#ippanseibiTitle{ background: url(img/ippanseibi_title_SP.jpg) center center no-repeat; background-size: cover;}
#companyTitle{ background: url(img/company_title_SP.jpg) center center no-repeat; background-size: cover;}
#accessTitle{ background: url(img/access_title_SP.jpg) center center no-repeat; background-size: cover;}
#contactTitle{ background: url(img/contact_title_SP.jpg) center center no-repeat; background-size: cover;}
#saiyoTitle{ background: url(img/saiyo_title_SP.jpg) center center no-repeat; background-size: cover;}
#reportTitle{ background: url(img/report_title_SP.jpg) center center no-repeat; background-size: cover;}
#privacyTitle{ background: url(img/privacy_title_SP.jpg) center center no-repeat; background-size: cover;}


.section{ margin:0 0 100px;}
#lowerServiceBtn{ margin:0 auto 60px;}
#lowerServiceBtn03{ margin:-40px auto 60px;}
#lowerContent p,#lowerContentSimple p{ font-size:12px;}

.subTitle{ font-size:14px;}
.pointText{ font-size:14px; margin:40px 1rem 40px; line-height:1.8;}
.underline{ padding-bottom:25px; font-size:14px;}

.snap li{ display:block;}
.snap li:nth-child(1){ width:100%; margin:0;}
.snap li:nth-child(2){ width:100%; margin:0; position:static;}
.snap li:nth-child(2) div:nth-child(2){ position:static; margin:0;}
.snap li:nth-child(3){ width:100%; margin:0;}
.snap li:nth-child(4){ width:100%; margin:0;}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .snap li:nth-child(2) div:nth-child(2){ margin-top:0px;}
}

.tableMask{ width:99%; margin:0 1% 0 0; width:100%; margin:0;}
.tableMask table{ margin:0 1%; position:relative; left:0;
transition: all 1s;
-webkit-transition: all 1s;
}

.tableMask .fixedTable{ margin:0 0 0 1%;}
.tableMask .fixedTable table{ margin:0;}
.tableMask .scrollTable table{ margin:0; border-right:2px solid #999;}

.tableMask .fixedTable2{ margin:0 0 0 1%;}
.tableMask .fixedTable2 table{ margin:0;}
.tableMask .scrollTable2 table{ margin:0; border-right:2px solid #999;}

.tableHalfColumn{ display:block; width:98%; margin:0 1% 0;}
table.tableHalf.noLeftBorder{ border-top:none; border-left:1px solid #999;}

table.tableHalf tr th.row6-1{ width:50%;}
table.tableHalf tr td.row6-2{ width:50%;}

.option tr{ display:block;}
.option td{ display:inline-block; width:50%; font-size:10px; overflow:hidden;}
.option td div.line1{ padding:10% 0 0;}
.option td div.line2{ padding:6% 0 0;}

#beforeText{ width:auto;}
#beforeText img{ width:auto; height:10px;}
#afterText{ width:auto;}
#afterText img{ width:auto; height:10px;}

.mt50{margin-top:0 !important;}

.flowList li{ margin:0 4% 12%;}
.flowList li dl dt{ float:none; width:100%;}
.flowList li dl dd{ float:none; width:100%;}
.flowList li dl dd h3{ font-size:14px; font-weight:400; margin-bottom:35px;}
.flowList li dl dd h3 img{ margin:8% auto 6%; height:18px;}

.twoColumn li{ float:none; width:100%; margin-top:30px;}
.twoColumn li:nth-child(2n+1){ padding:0 2%;}
.twoColumn li:nth-child(2n){ padding:0 2%;}

.twoColumnPhoto{ padding-top:4%;}
.twoColumnPhoto li:nth-child(2n+1){ padding-right:1%;}
.twoColumnPhoto li:nth-child(2n){ padding-left:1%;}

#infoTableWrapper{ margin:0 4%;}
table.infoTable tr th{ padding:1rem 0 1rem 1rem; width:24%;}
table.infoTable tr td{ padding:1rem 1rem 1rem 1rem;}

#genreList li label{ font-size:12px;}
#inputList dt img{ height:10px;}
#submitBtn{ margin:40px auto 0; width:120px;}
button.defaultBtn{ width:120px;}

#video1Btn{ display:none;}
#video2Btn{ display:none;}

#reportWrapper{ margin-bottom:0;}
.reportParagraph1{ margin-top:40px; margin-bottom:40px; margin-left:4%; margin-right:4%;}
.reportParagraph2{ margin-top:40px; margin-bottom:40px; margin-left:4%; margin-right:4%;}
.reportParagraph3{ margin-top:40px; margin-bottom:40px; margin-left:4%; margin-right:4%;}
.reportParagraph4{ margin-top:40px; margin-bottom:40px;}
#reportParagraphLast{ margin-top:40px; margin-bottom:0;}

.reportImgList img{ margin-bottom:20px;}
.reportImgListS img{ margin-bottom:20px;}


#recruitContact{ width:180px;}
.recruitContent{ margin:90px 5% 100px;}
.recruitTitle{ margin:-40px auto 20px; font-size:18px;}
.recruitSubTitle{ margin:0 auto 40px; font-size:14px;}
.recruitSectionTitle{ margin:-20px auto 40px; font-size:14px;}
.recruitTxt{ font-size:12px; }
.recruitList--a{ margin:40px auto 40px;}
.recruitList--a li{ font-size:12px;}
.recruitList--b li{ font-size:12px;}


}




/* スマホ ---------------------------------------------*/
@media screen and (max-width : 600px) {


#mainLoop{ height:455px;}
#mainLoop li{ height:455px;}

.SPOnly{ display:block;}
.subTitle{ margin:0 1% 10%;}

.answerContent{ padding:0 4%; box-sizing:border-box;}

#privacyTitle.lowerTitle h2{ letter-spacing:0.2em;}

#lowerContent p,#lowerContentSimple p{ margin:0 1% 4%;}
#lowerContent p.attentionText{ margin:2% 1% 0;}
#lowerContentSimple p.attentionText{ margin:2% 1% 0;}

.simpleTable{ margin:0 1%; width:98%;}

#glink{ top:16px; right:0; width:100%; z-index:250;}
#glink ul{ width:100%;}
#glink ul li{ display:block; margin:0 auto; text-align:center; border-bottom:1px solid #2d2d2d;}
#glink ul li a{ display:block; padding:16px 0; font-size:12px;}
#glink ul li#gLinkCloseBtn{ background:#242424 url(img/close_btn.png) center center no-repeat; background-size:18px; height:18px; padding:6px 0;}

#genreList{ margin-left:4%; margin-right:0;}
#inputList{ margin:8% 4% 0;}

#reportWrapper img{ max-width:initial; width:100%; height:auto;}
.reportParagraph{ margin-top:8%;}
#lowerContent p.photoEx{ max-width:initial; margin:10px 1% 0;}

#privacyWrapper p:first-child,#privacyWrapper p{ margin:8% 4% 0;}


}


/* スマホ横向き ---------------------------------------------*/
@media screen and (orientation: landscape) {


#glink.onlySPLandscape{ top:240px; width:100%; left:0; right:0; text-align:center;}
#glink.onlySPLandscape ul{ display:inline-block; margin:0 auto;}


}