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

/*////////////////////////////////////////////////////////

トップページのみに使用するスタイルを記述

///////////////////////////////////////////////////////*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#sigIndex {}

#sigIndex #container { width: 100%; padding-top:0; }

#sigIndex #mainvisual-container { position:relative; min-width:1200px; }
#sigIndex #mainvisual-container #mainvisual {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

#sigIndex #mainvisual-container #index-catch-box .head-copy-box { width:90%; max-width:620px; margin:0 auto; }
#sigIndex #mainvisual-container #index-catch-box .head-copy-box .animetion {
    fill: none;
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation: DASH 4s ease-in 1s forwards;
    -webkit-animation: DASH 4s ease-in 1s forwards;
}
 
@keyframes DASH {
    0% {
        stroke-dashoffset: 3000;
        fill: rgba(255, 255, 255, 0);
    }
    50% {
        stroke-dashoffset: 2000;
        fill: rgba(255, 255, 255, 0.2);
    }
    70% {
        stroke-dashoffset: 1000;
        fill: rgba(255, 255, 255, 0.4);
    }
    100% {
        stroke-dashoffset: 0;
        fill: rgba(255, 255, 255, 1);
    }
}
 
@-webkit-keyframes DASH {
    0% {
        stroke-dashoffset: 3000;
        fill: rgba(255, 255, 255, 0);
    }
    50% {
        stroke-dashoffset: 2000;
        fill: rgba(255, 255, 255, 0.2);
    }
    70% {
        stroke-dashoffset: 1000;
        fill: rgba(255, 255, 255, 0.4);
    }
    100% {
        stroke-dashoffset: 0;
        fill: rgba(255, 255, 255, 1);
    }
}

/* mainvisual catch・lead */
#sigIndex #mainvisual-container #index-catch-box { position:absolute; font-size: 32px; width:100%; left:50%; top:40%; margin-left:-50%; color:#FFFFFF; z-index:100; text-align:center; line-height:1.2; padding-bottom:30px; }
#sigIndex #mainvisual-container #index-catch-box span { display:block; font-size: 20px; margin-bottom:30px; line-height:1.4; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }
#sigIndex #mainvisual-container #index-catch-box #index-lead-box {font-size: 16px; padding-top:30px; line-height:1.6; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal;}
#sigIndex #mainvisual-container #index-catch-box #index-lead-box br.sp-block { display:none; }
/* button */
#sigIndex #mainvisual-container #btn-wrap {position:absolute; width:100%; left:50%; top:67%; margin-left:-50%; z-index:100; text-align:center; color:#ffffff;}
#sigIndex #mainvisual-container #btn-wrap ul li { display:inline-block; list-style-type:none; margin:0 5px; }
#sigIndex #mainvisual-container #btn-wrap .entry-btn-box a { display:block; text-decoration:none; color:#FFFFFF; text-align:center; padding:10px; /*font-size: 153.8%;*/ margin:0 auto; border:solid 1px #fff; }
#sigIndex #mainvisual-container #btn-wrap .entry-btn-box a:link,
#sigIndex #mainvisual-container #btn-wrap .entry-btn-box a:visited {/*background-color: rgba(255,255,255,0.2);*/background-color: rgba(0,154,187,0.5);}
#sigIndex #mainvisual-container #btn-wrap .entry-btn-box a:hover,
#sigIndex #mainvisual-container #btn-wrap .entry-btn-box a:active {/*background-color: rgba(255,255,255,0.5);*/background-color: rgba(0,154,187,0.9);}
#sigIndex #mainvisual-container #btn-wrap .sns-caution { font-size:10px; padding-top:5px; }

/* catch・lead */
#sigIndex #catch-wrap { background-color:#f8f8f8; padding:50px 0; }
#sigIndex #catch-wrap section { margin:0 auto; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }
#sigIndex #catch-wrap dl dt { float:left; width:35%; font-size:46px; line-height:50px; font-family:"Oswald", Futura !important; color:#5f5f5f; padding-top:20px; }
#sigIndex #catch-wrap dl dd { float:right; width:60%; line-height:26px; }
@media screen and (max-width: 767px) {
#sigIndex #catch-wrap dl dt { float:none; width:100%; margin-bottom:20px; padding-top:0; }
#sigIndex #catch-wrap dl dd { float:none; width:100%; }
}

/*------------ Job ------------*/
#sigIndex #job-wrap {}
#sigIndex #job-wrap section { margin-bottom:150px; padding:0 20px; }
#sigIndex #job-wrap section h2 { font-size:76px; font-family:"Oswald", Futura !important; margin-bottom:50px; line-height:1em; word-wrap:break-word; text-align:center; }
#sigIndex #job-wrap section .logo-box { text-align:center; }
#sigIndex #job-wrap section .logo-box li {
	display:inline-block;
	margin:0 5px;
	font-size:24px;
	line-height:1;
	vertical-align:bottom;
}
#sigIndex #job-wrap section .logo-box li.logo-1 { max-width:120px; }
#sigIndex #job-wrap section .logo-box li.logo-2 { max-width:160px; }
#sigIndex #job-wrap section .lead-txt { text-align:center; margin-top:30px; }
#sigIndex #job-wrap section .reco-wrap {
	width:60%;
	margin:50px auto 0;
	border:solid 2px #e9e9e9;
	padding:50px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#sigIndex #job-wrap section .reco-wrap .head-txt {
	margin-bottom:30px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
#sigIndex #job-wrap section ul.link-box {
    text-align: center;
	margin-top:40px;
}
@media screen and (max-width: 800px) {
	#sigIndex #job-wrap section { padding:0; }
	#sigIndex #job-wrap section .reco-wrap {
	width:100%;
	padding:40px;
}
}
@media screen and (max-width: 414px) {
	#sigIndex #job-wrap section .lead-txt { text-align:left; }
	#sigIndex #job-wrap section h2 { font-size:42px; }
}

/*------------ Point ------------*/
#sigIndex #point-wrap {}
#sigIndex #point-wrap section { margin-bottom:150px; padding:0 20px; }
#sigIndex #point-wrap section .img-box { float:right; width:45%; padding-top:55px; }
#sigIndex #point-wrap section .txt-box { float:left; width:45%; }
#sigIndex #point-wrap section:nth-child(2n) .img-box { float:left; width:40%; }
#sigIndex #point-wrap section:nth-child(2n) .txt-box { float:right; width:55%; }
#sigIndex #point-wrap section:first-child .img-box { margin-right:-20px; }


#sigIndex #point-wrap section .icon-box-1 { width:43px; padding-bottom:30px; border-bottom:solid 4px #000; margin-bottom:60px; }
#sigIndex #point-wrap section .icon-box-2 { width:31px; padding-bottom:30px; border-bottom:solid 4px #000; margin-bottom:60px; }
#sigIndex #point-wrap section .icon-box-3 { width:46px; padding-bottom:30px; border-bottom:solid 4px #000; margin-bottom:60px; }
#sigIndex #point-wrap section h2 { font-size:76px; font-family:"Oswald", Futura !important; margin-bottom:50px; line-height:1em; word-wrap:break-word; }
#sigIndex #point-wrap section .lead-txt { font-size:18px; margin-bottom:30px; }

@media screen and (max-width: 800px) {
#sigIndex #point-wrap section { padding:0; }
#sigIndex #point-wrap section .img-box { float:none; width:100%; padding-top:0; }
#sigIndex #point-wrap section .txt-box{ float:none; width:100%; margin-bottom:50px; }
#sigIndex #point-wrap section:nth-child(2n) .img-box { float:none; width:100%; }
#sigIndex #point-wrap section:nth-child(2n) .txt-box { float:none; width:100%; }
}
@media screen and (max-width: 414px) {
#sigIndex #point-wrap section { margin-bottom:70px; }
#sigIndex #point-wrap section .icon-box-1,
#sigIndex #point-wrap section .icon-box-2,
#sigIndex #point-wrap section .icon-box-3 { padding-bottom:15px; margin-bottom:30px; }
#sigIndex #point-wrap section h2 { font-size:42px; }
}

/*----------- showcase -----------*/
#sigIndex #showcase-wrap section { margin-bottom:150px; padding:0 20px; }
#sigIndex .user-works-section { margin-bottom:50px; }
#sigIndex .user-works-section:last-child { margin-bottom:0; }
#sigIndex .user-works-section ul { list-style-type:none; }
#sigIndex .user-works-section > ul > li { position:relative; margin-bottom:40px; }

#sigIndex .user-works-section .user-works {}
#sigIndex .user-works-section .user-works li { float:left; width:18.333333%; margin-right:2.083333333%; }
#sigIndex .user-works-section .user-works li:nth-child(5n) { margin-right:0; }
#sigIndex .user-works-section .user-works li dl dt { height:155px; margin-bottom:10px; -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); }
#sigIndex .user-works-section .user-works li dl dt:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -webkit-transition: all .3s; transition: all .3s;}
#sigIndex .user-works-section .user-works li dl dd a { text-decoration:none; }
#sigIndex .user-works-section .user-works li dl dd a:hover { text-decoration:underline; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-title { font-size:16px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-title a { color:#242424; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-tags { font-size: 85%; color:#9f9f9f; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-tags a { color:#9f9f9f; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-user { position:relative; margin-bottom:15px; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-user a { color:#242424; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-user span.thum { position:absolute; top:0; left:0; border-radius:10px; width:20px; height:20px; margin-right:10px; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-user span.name { display:block; padding-left:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-range { font-size: 85%; margin-bottom:5px; color:#9f9f9f; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-date { font-size: 85%; text-align:right; color:#9f9f9f; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-description {}
#sigIndex .user-works-section .user-works li dl dd .profile-works-count { font-size: 85%; color:#9f9f9f; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-count .like-count,
#sigIndex .user-works-section .user-works li dl dd .profile-works-count .view-count { float:left; margin-right:10px; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-count .like-it { float:right; }
#sigIndex .user-works-section .user-works li dl dd .profile-works-count .like-it object { display:inline-block; width:15px; margin:0 5px 0 0; pointer-events: none; }

/* popup */
.profile-works-popup { max-width:900px !important; padding:50px !important; margin-left:auto; margin-right:auto; }
.profile-works-popup a { text-decoration:none; }
.profile-works-popup a:hover { text-decoration:underline; }
.profile-works-popup #works-header { position:relative; margin-bottom:20px; }
.profile-works-popup .head-popup { font-size:30px; font-weight:bold; color:#414141; border-bottom:none; padding-right:50px; margin-bottom:10px; padding-bottom:10px; }
.profile-works-popup .like-it { position:absolute; top:0; right:5px; }
.profile-works-popup .like-it span { display:block; }
.profile-works-popup .like-it object { display:inline-block; width:25px; pointer-events: none; }
.profile-works-popup .profile-works-user { position:relative; margin-bottom:15px; }
.profile-works-popup .profile-works-user span.thum { position:absolute; top:0; left:0; border-radius:13px; width:26px; height:26px; margin-right:10px; }
.profile-works-popup .profile-works-user span.name { display:block; padding-left:35px; font-size: 123.1%; }
.profile-works-popup .profile-works-user span.name a { color:#242424; }
.profile-works-popup  .like-count,
.profile-works-popup  .view-count { display:inline-block; color:#9f9f9f; margin-right:15px; }
.profile-works-popup #main-visual { background-position:center top !important; -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); }
.profile-works-popup .headline { font-size: 85%; color:#9f9f9f; margin-bottom:15px; }
.profile-works-popup .works-description { margin-top:60px; }
.profile-works-popup .works-description > p+p { margin-top:30px; }
.profile-works-popup .works-description .tags-section li { display:inline-block; line-height:1; margin-right:10px; margin-bottom:10px; background-color:#ededed; border-radius:10px; list-style-type:none; }
.profile-works-popup .works-description .tags-section li a {color:#414141; text-decoration:none; display:block; padding:5px;}
.profile-works-popup .works-description .tags-section li:hover { background-color:#d7d7d7; }
.profile-works-popup .works-description .image-section li { margin-bottom:30px; list-style-type:none; background-position:center top !important; max-height:800px; overflow:hidden; -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); }
.profile-works-popup .works-description .image-section li:last-child { margin-bottom:0; }
.profile-works-popup .like-fellow { position:relative; color:#9f9f9f; border-bottom:solid 1px #e9e9e9; padding-bottom:30px; }
.profile-works-popup .like-fellow .like-it-foot { position:absolute; top:0; left:0; }
.profile-works-popup .like-fellow .like-it-foot span { display:block; }
.profile-works-popup .like-fellow .like-it-foot object { display:inline-block; width:25px; pointer-events: none; }
.profile-works-popup .like-fellow .like-fellow-box { padding-left:40px; }
.profile-works-popup .like-fellow li { float:left; list-style-type:none; margin:0 10px 10px 0; border-radius:13px; width:26px; height:26px; }
.profile-works-popup .like-fellow li.extra-fellow { border-radius:13px; width:26px; height:26px; border: solid 1px #ececec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1; text-align:center; padding-top:6px }
.profile-works-popup .connect-user { /*position:relative;*/ text-align:center; }
.profile-works-popup .connect-user span.thum { /*position:absolute; top:0; left:0;*/ display:block; border-radius:40px; width:80px; height:80px; margin:0 auto 10px; }
.profile-works-popup .connect-user .connect-box { /*padding-left:70px;*/ }
.profile-works-popup .connect-user span.name { display:block; font-size: 123.1%; margin-bottom:10px; }
.profile-works-popup .connect-user span.name a { color:#242424; }
.profile-works-popup .connect-user span.connect-btn { display:block; padding-left:65px; }
.profile-works-popup .btn-connect-request { display:inline-block; margin-bottom:7px; }
.profile-works-popup .btn-connect-request a { display:block; width:auto; text-decoration:none; height:30px; border-radius:15px; line-height:30px; padding:0 20px; }
.profile-works-popup .btn-connect-request a:link,
.profile-works-popup .btn-connect-request a:visited { background-color:#0298b8; color:#FFFFFF; }
.profile-works-popup .btn-connect-request a:hover,
.profile-works-popup .btn-connect-request a:active { background-color:#60bacd; color:#FFFFFF; }

.profile-works-popup .btn-connect-request-settled { display:inline-block; margin-bottom:7px; }
.profile-works-popup .btn-connect-request-settled span { display:block; width:auto; height:30px; border-radius:15px; line-height:30px; padding:0 20px; border:solid 1px #d9d9d9; color:#909090; }

#sigIndex #showcase-wrap section ul.link-box { text-align:center; }

@media screen and (max-width: 800px) {
#sigIndex #showcase-wrap section { padding:0; }
}
@media screen and (max-width: 414px) {
#sigIndex .user-works-section .user-works li { float:none; width:100%; margin-right:0; margin-bottom:30px; }
#sigIndex .user-works-section .user-works li:last-child { margin-bottom:0; }
.profile-works-popup { padding:30px 20px; }
}

/* link */
#sigIndex ul.link-box { list-style-type:none; text-align:right; }
#sigIndex ul.link-box li { display:inline-block; border-bottom:solid 1px #0e93af; padding:0 20px; font-size:12px; font-style:italic; }
#sigIndex ul.link-box li a { position:relative; display:inline-block; text-decoration:none; padding:10px 0; border-bottom:solid 3px #0e93af; color:#242424; }
#sigIndex ul.link-box li a::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #242424;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#sigIndex ul.link-box li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
#sigIndex ul.link-box li a:link,#sigIndex ul.link-box li a:visited { color:#0e93af; }
#sigIndex ul.link-box li a:hover,#sigIndex ul.link-box li a:active { color:#242424; }

/* 3列 */
#sigIndex ul#three-column-container { list-style-type:none; }
#sigIndex ul#three-column-container li { float:left; width:29.1666667%; margin-right:6.25%; color:#374149; text-align:center; }
#sigIndex ul#three-column-container li:last-child { margin-right:0; }
#sigIndex ul#three-column-container li h4 { font-size: 138.5%;/*18px*/ padding-bottom:10px; font-weight:bold; }
#sigIndex ul#three-column-container li p { text-align:left; }
#sigIndex ul#three-column-container li object { max-width:280px; margin:0 auto 20px; }
#sigIndex ul#three-column-container li img { max-width:280px; margin:0 auto 20px; }

/* function */
#sigIndex #function-container { /*border-top: solid 1px #d7d7d7; padding-top:90px;*/ }
#sigIndex #function-container section { background-color:#fff; /*border-bottom: solid 1px #d7d7d7;*/ padding:90px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#sigIndex #function-container section:nth-child(2) { background-color:#f8f8f8; /*padding:90px 0; margin-bottom:90px;*/}
#sigIndex #function-container section h2 {/*font-size: 215.4%;*/ font-size:24px; text-align:center; margin-bottom:20px; color:#7b7b7b;}
#sigIndex #function-container section p { text-align:center; margin-bottom:50px; }
/*#sigIndex #function-container section:first-child .inner-box { position:absolute; top:50%; left:50%; margin-left:-50%; width:100%; }
#sigIndex #function-container section:first-child .inner-box h2,
#sigIndex #function-container section:first-child .inner-box p { color:#fff; }*/
#sigIndex #function-container section .img-box-1 { max-width:1200px; margin:0 auto; }
#sigIndex #function-container section .img-box-2 { max-width:900px; margin:0 auto; }
#sigIndex #function-container section .img-box-3 { max-width:562px; margin:0 auto; }

/*#sigIndex #function-container section .mask { position:absolute; top:0; left:0; transition:opacity 0.2s ease; background:rgba(0,0,0,1); opacity:0.7; width:100%; height:100%; }*/

@media screen and (max-width: 800px) {
#sigIndex #function-container section p br { display:none; }
}
@media screen and (max-width: 414px) {
#sigIndex #function-container section { padding:40px 10px; }
}

/* Support Team */
#sigIndex #support-team-container {}
#sigIndex #support-team-container ul { list-style-type:none; letter-spacing:-0.5em; text-align:center; }
#sigIndex #support-team-container ul li { display:inline-block; letter-spacing: normal; width:18%; margin-right:2.5%; margin-bottom:30px; border:solid 3px #f8f8f8; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sigIndex #support-team-container ul li:nth-child(5n) { margin-right:0; }
#sigIndex #support-team-container ul li:last-child { margin-right:0; }
@media screen and (max-width: 800px) {
#sigIndex #support-team-container ul li { padding:5px; }
}
@media screen and (max-width: 414px) {
#sigIndex #support-team-container ul li { width:30%; margin-right:5%; margin-bottom:20px; }
#sigIndex #support-team-container ul li:nth-child(5n) { margin-right:5%; }
#sigIndex #support-team-container ul li:nth-child(3n) { margin-right:0; }
}
.hvr-float {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}


/* catch */
#sigIndex #catch-container { position:relative; width:100%; padding:0; }
#sigIndex #catch-container .visual-box { height:380px; }
#sigIndex #catch-container h2 { font-size:184.62%;/*24px*/ padding-bottom:10px; }

/* voice */
#sigIndex #voice-container {}
    #sigIndex #voice-container li dl dt { width:130px; height:130px; text-align:center; margin:0 auto 10px; border-radius:65px; }
	#sigIndex #voice-container .name-box { font-weight:bold; padding-bottom:0; font-size: 123.1%; }
    #sigIndex #voice-container .name-box span { display:block; font-size: 11px; color:#909090; }
	
	#sigIndex #voice-container .voice-arrow { width:18px; margin:0 auto; }
	#sigIndex #voice-container .voice-arrow img { margin-bottom:-1px; }
	#sigIndex #voice-container .voice-box { border:solid 1px #d7d7d7; border-radius:4px; padding:19px; }

#sigIndex .head-2nd-catch { font-size:18px; margin-bottom:30px; line-height:1.8; color:#7b7b7b; }/*module.css上書き*/
#sigIndex .head-2nd-catch span { font-size:70%; }

/* entry footer */
#sigIndex .entry-foot-container { width:100%; background-color:#009abb; padding:50px 0; margin-bottom:0; }
#sigIndex .entry-foot-container section { width:1200px; margin:0 auto; padding:0 10px; color:#FFFFFF; text-align:center; }
#sigIndex .entry-foot-container section h2 { font-size: 184.6%;/*24px*/ padding-bottom:20px; }
#sigIndex .entry-foot-container  ul { list-style-type:none; text-align:center; }
#sigIndex .entry-foot-container  ul li { display:inline-block; margin:0 5px; }
#sigIndex .entry-foot-container .entry-btn-box a { display:block; text-decoration:none; text-align:center; padding:10px; margin:0 auto; }
#sigIndex .entry-foot-container .entry-btn-box a:link,
#sigIndex .entry-foot-container .entry-btn-box a:visited {background-color: #fff; color:#009abb;}
#sigIndex .entry-foot-container .entry-btn-box a:hover,
#sigIndex .entry-foot-container .entry-btn-box a:active {background-color: #0e6987; color:#fff;}
#sigIndex .entry-foot-container .sns-caution { font-size:10px; padding-top:5px; }



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

#sigIndex #mainvisual-container { min-width:inherit; }
/* catch・lead */
#sigIndex #mainvisual-container #index-catch-box {font-size: 28px; top:25%; }
#sigIndex #mainvisual-container #index-catch-box span { margin-bottom:15px; }
#sigIndex #mainvisual-container #index-catch-box #index-lead-box { padding-top:10px; }
#sigIndex #mainvisual-container #index-catch-box #index-lead-box br { display:block; }
/* button */
#sigIndex #mainvisual-container #btn-wrap {position:inherit; background-color:#2d2d2d; padding:10px 0;}
#sigIndex #mainvisual-container #btn-wrap .entry-btn-box a { border:none; }

/* catch */
#sigIndex #catch-container .visual-box { height:300px; }
#sigIndex #catch-container h2 { font-size: 153.8%;/*20px*/ }

#sigIndex .head-2nd-catch { margin-bottom:0; }

/* entry footer */
#sigIndex .entry-foot-container section { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
@media screen and (max-width: 666px) {
/* catch・lead */
#sigIndex #mainvisual-container #index-catch-box {font-size: 20px; top:20%; }
#sigIndex #mainvisual-container #index-catch-box span { font-size: 14px; }
#sigIndex #mainvisual-container #index-catch-box #index-lead-box {font-size: 13px; padding-top:10px;}
/* button */
#sigIndex #mainvisual-container #btn-wrap .entry-btn-box a span { display:none; }
#sigIndex #mainvisual-container #btn-wrap .entry-btn-box a { padding:5px 8px; }
/* entry footer */
#sigIndex .entry-foot-container section h2 { font-size: 138.5%;/*18px*/}
#sigIndex .entry-foot-container section h2 br { display:none; }
#sigIndex .entry-foot-container span { display:none; }
}

@media screen and (max-width: 414px) {
/* catch・lead */
#sigIndex #mainvisual-container #index-catch-box { font-size:14px; top:15%; }
#sigIndex #mainvisual-container #index-catch-box span { font-size: 12px; }
#sigIndex #mainvisual-container #index-catch-box #index-lead-box { font-size:12px; }
#sigIndex #mainvisual-container #index-catch-box #index-lead-box br.sp-block { display: block; }


/* catch */
#sigIndex #catch-container .visual-box { height:320px; }

/* 3列 */
#sigIndex ul#three-column-container li { float:none; width:100%; margin-right:0; margin-bottom:30px; }
#sigIndex ul#three-column-container li:last-child { margin-right:0; margin-bottom:0; }

}

/*=======================================================
フォーム
=======================================================*/
table.form-tab { width:100%; border-collapse:collapse; }
table.form-tab tr > th,
table.form-tab tr > td { border-bottom:dotted 1px #dfdfdf; border-top:dotted 1px #dfdfdf; border-collapse:collapse; padding:15px 10px; }
table.form-tab tr > th { width:225px; text-align:left; /*background-color:#f0f0f0;*/ }

table.form-tab tr > td ul { list-style-type:none; margin-bottom:20px; }
table.form-tab tr > td ul li { display:inline-block; }
table.form-tab tr > td .sub-ttl { background-color:#f1f1f1; width:8em; padding: 3px 10px; margin-bottom:10px; text-align:center; border-radius:4px; }

input { border: solid 1px #dfdfdf; padding:15px 10px; font-size:13px; border-radius:4px; vertical-align:0.1em; }
select { border: solid 1px #dfdfdf; padding:13px 10px; font-size:13px; border-radius:4px; color:#555; }
select option { padding:2px 0; }
label { cursor:pointer; }
textarea { border: solid 1px #dfdfdf; padding:15px 10px; font-size:13px; border-radius:4px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.submitBtn { width:14em; border: solid 1px #0e6987; text-align:center; background-color: #0e6987 !important; color: #FFFFFF; cursor: pointer; text-decoration: none; }
/*.prevBtn { width:10em; height:45px; border: solid 1px #4b4b4b; text-align:center; background-color: #4b4b4b !important; color: #FFFFFF; cursor: pointer; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/

.thanks-inquiry {border:solid 3px #e1e1e1; padding:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center;}

@media screen and (max-width: 800px) {
table.form-tab tr > th { padding: 0;}
table.form-tab tr > th,
table.form-tab tr > td { display: block; border: none; width: 100%; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table.form-tab tr > td {  padding:0; margin-bottom:30px; }

input { vertical-align:middle; }
}

/*=======================================================
リリース前告知
=======================================================*/
#sigIndex #notice-box { text-align:center; font-size:34px; font-weight:bold; border-bottom:solid 1px #e9e9e9; border-top:solid 1px #e9e9e9; padding:15px 0; }
#sigIndex #notice-box span { font-size:20px; }

/*=======================================================
 汎用
 =======================================================*/
 

/*=======================================================
 IE6,7,8 のみに適用
 =======================================================*/
.oldie { }