#main-wrapper{
    width:100%;
    min-height:600px;
}
#main-inbg{
    margin:0 auto;
    background:#FFFFFF url(/images/bg/bg-accn.png) top center no-repeat;
    background-size:1920px;
}

#main-inner{
    width:1200px;
    margin:0 auto;
    background:#FFFFFF;
}
#main-col-wrapper{
    width:700px;
    float:left;
    min-height:900px;
}
#main-col-inner{
    margin:0 0px;
}
#main-col-inner h1{
    font-size:3.4rem;
    font-weight:bold;
    padding:40px 30px 40px;
    border-bottom:1px solid #CCCCCC;
    background-image:url(/images/bg/blcs.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
}
.sub-title{
    line-height:1.4em;
    font-weight:normal;
    font-size:14px;
    padding:5px 10px 5px;
    margin:5px 0px 40px;
    background:#F0F0F0;
    text-shadow:1px 1px 0 rgba(255,255,255,0.8);
}

.ttl-ath{
    float:right;
    font-size:1.3rem;
    color:#666666;
    text-align:right;
    margin:10px;
    line-height:1.0em;
}
.ttl-ath img{
    vertical-align:middle;
    width:30px;
    height:30px;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
	margin-right:10px;
}
.mci-box{
    border:1px solid #EEEEEE;
    margin-top:20px;
}
#main-col-inner h2{
    font-size:2.2rem;
    font-weight:bold;
    padding: 11px 17px 7px;
    color:#333333;
    background:#333333;
    margin:30px 0 20px;
	border-left: solid 7px #333333;
	background: -webkit-repeating-linear-gradient(-45deg, #FCFCFC, #FCFCFC 3px,#FFFFFF 3px, #FFFFFF 7px);
	background: repeating-linear-gradient(-45deg, #FCFCFC, #FCFCFC 3px,#FFFFFF 3px, #FFFFFF 7px);
}
#main-col-inner h3{
    font-size:2.0rem;
    font-weight:bold;
    padding:10px;
    border-bottom:1px solid #EEEEEE;
    margin:40px 0 20px;
}
#main-col-cont{
    padding:30px 20px;
}

#ha-message a:hover,
#main-col-cont a:hover{
    text-decoration:underline;
}
.b-share{
    margin:20px 0;
    height:180px;
    overflow:hidden;
}
.bs-left{
    width:300px;
}
.bs-left img{
    max-width:100%;
}
.bs-right{
    width:500px;
    background:#8fc31f;
    height:180px;
    color:#FFFFFF;
    text-align:center;
    text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
    box-shadow:inset 0 0 200px rgba(0,0,0,0.1);
}
.bs-ttl{
    margin:40px 10px 20px;
}
/*固定ページタイトル部*/
#tsb-ttl{
    font-size:2.0rem;
    text-align:center;
    padding-top:30px;
    padding-bottom:60px;
    font-weight:bold;
    text-shadow:1px 1px 0 rgba(255,255,255,0.6),-1px -1px 0 rgba(255,255,255,0.6),0 0 3px rgba(255,255,255,0.8);
    background:url(/images/2016/05/barrow.png) bottom center no-repeat;
}
#top_sum_board{
    background-position:top center;
    background-repeat:no-repeat;
    background-image:url(/images/2015/11/top_board01.jpg);
}
/*LPスタイル（1カラムのページ）*/
.lp-style{
    min-height:600px;
}
.lp-line{
    width:100%;
    min-width:1000px;
    margin-bottom:120px;
    position:relative;
    background-repeat:no-repeat;
    background-position:center bottom;
}
.lp-in{
    width:1000px;
    margin:0 auto;
    position:relative;
}
.bookimg{
    position:absolute;
    right:0px;
    bottom:-370px;
    width:320px;
    z-index:5;
}
.lp-bg-line01{
    background-image:url(/images/bg/dev-line01.png);
    background-position:bottom center;
    background-repeat:no-repeat;
    min-height:500px;
}
.m-line01{
    background:url(/images/bg/m-line01.png) bottom center no-repeat;
    padding-bottom:100px;
}
.ttl-area{
    background-position:top center;
    background-repeat:no-repeat;
}
.top-main-message{
    font-size:2.4rem;
    padding:50px 20px 60px;
    line-height:1.6em;
    text-align:center;
    text-shadow:0 0 3px rgba(0,0,0,0.2);
}
.tmm-white{
    font-size:3.2rem;
    color:#FFFFFF;
    font-weight:bold;
}
.tmm-sub-white{
    font-size:1.6rem;
    color:#FFFFFF;
    font-weight:bold;
    width:500px;
    margin:30px auto 0;
    line-height:1.4em;
    text-align:left;
}
.tmm-sub-white li{
    margin:9px 0;
}
.top-main-sub{
    font-size:1.6rem;
    color:#777777;
    text-align:left;
    line-height:1.4em;
    width:500px;
    padding:20px;
    border:1px solid #CCCCCC;
    background:rgba(255,255,255,0.9);
    position:relative;
}

.top-main-sub:before{

}
.ta-box{
    width:450px;
}
.ta-box h2{
    font-size:2.5rem;
    padding:20px 20px;
    font-weight:bold;
    border-bottom:dotted 3px #D64747;
    text-shadow:1px 1px 0px rgba(255,255,255,1.0),2px 2px 2px rgba(0,0,0,0.3); 
}
.ta-box .ta-cont{
    padding:20px 20px;
    font-size:1.6rem;
    line-height:1.75em;
}

.ta-cont ul li{
    margin-bottom:6px;
    list-style:circle inside;
}
.ta-comme-area{
    margin-top:20px;
}
.ta-comme-img{
    width:90px;
    height:90px;
    background:rgba(255,255,255,0.9);
    box-shadow:2px 2px 2px rgba(0,0,0,0.5);
    display:block;
    overflow:hidden;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
}
.ta-comme-img img{
    width:90px;
    height:90px;
}
.ta-comme-cont{
    border:1px solid #EEEEEE;
    width:280px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-size:1.5rem;
    background:#F8F8F8;
    position:relative;
    line-height:1.4em;
}
.ta-comme-cont:after{
    content:"";
    position:absolute;
    top:10px;
    left:-30px;
    border:15px solid #F8F8F8;
    border-top-color:transparent;
    border-left-color:transparent;
    border-bottom-color:transparent;
}
.ta-comme-cont div{
    padding:10px 20px;
}
/*大きめの枠*/
.tbl{
    width:600px;
    border-bottom:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    margin:10px auto;
}
.t-ttl{
    width:80px;
    padding:20px;
    text-align:center;
    margin:10px;
}
.t-cont{
    width:350px;
    padding:20px;
    margin:10px;
    border-left:1px solid #CCCCCC;
}

/*リスト表示ブロック*/
.blc01{
    margin:20px auto;
    font-size:1.4rem;
}
.blcttl01{
    font-size:2.5rem;
    padding:10px 20px;
    border-bottom:2px solid #333333;
}
.s-list{
    border-bottom:1px solid #EEEEEE;
    padding:10px 0;
}
.sl-date{
    text-align:center;
    color:#1AAD3B;
    width:110px;
    float:left;
    padding:5px 10px;
}
.sl-cont{
    float:left;
    border-left:1px solid #EEEEEE;
    width:420px;
    padding:5px 10px;
}
.blc01 p{
    padding:20px;
}
.service-list{

padding-left:30px;
}
.service-list li{
	list-style:circle outside;
margin-top:10px;
}
/*▼▼ヘッダー▼▼*/
#head-wrapper{
    width:100%;
    top:0;
    left:0;
    position:fixed;
    background:rgba(255,255,255,0.98);
    z-index:110;
}
#head-area{
    width:1200px;
    margin:0 auto;
    height:100px;
}
.scl #head-area{
    height:auto;
}
#ha-message{
    font-size:1.1rem;
    padding:3px 5px;
    color:#555555;
}

#ha-logo{
    width:270px;
    margin-top:19px;
}
#ha-menu{
    width:620px;
    margin-top:28px;
}
#ha-contact{
    width:300px;
}
#ha-menu li{
    float:left;
    margin-left:15px;
    text-align:center;
    font-size:1.4rem;
    background-position:2px 3px;
    background-size:24px 24px;
    background-repeat:no-repeat;
    display:block;
    position:relative;
}
#ha-menu li a.i-home{
    padding:0;
    background:url(/images/icon/i-home2.png) no-repeat 8px 9px;
    width:42px;
    height:42px;
}
#ha-menu li a.i-home:hover{
    background:#333333 url(/images/icon/i-home2-w.png) no-repeat 8px 9px;
}
.i-home-b{

}
.scl #ha-menu li{
    border-bottom:none;
}
#ha-menu li ul{
    display:none;
    position:absolute;
    left:0;
    top:41px;
    z-index:10;
    width:300px;
    color:#FFFFFF;
    background:rgba(0,0,0,0.9);
}
.scl #ha-menu li ul{
    top:38px;
}
#ha-menu li a{
    padding:10px 20px 10px 20px;
    display:block;
    color:#333333;
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
}
#ha-menu li a:hover{
    background:#333333;
    color:#FFFFFF;
    text-decoration:none;
}
#ha-menu li ul li{
    margin:0;
    text-align:left;
    border:none;
    float:none;
}
#ha-menu li ul li a{
    padding:8px 10px;
    border:none;
    color:#FFFFFF;
}
#ha-menu li ul li a:hover{
    opacity:0.9;
}

.scl #submenu-wrapper{
    display:none;
}

.ham-blc:hover{
    background-color:#EEEEEE;
    text-decoration:none;
}
#ha-contact{
    margin-top:23px;
}
#ha-contact a{
    width:220px;
    display:block;
    margin:0px 20px 10px;
    background-color:#e04747;
    background-repeat:no-repeat;
    background-image:url(/images/icon/i-mail24.png);
    background-position:16px 19px;
    color:#FFFFFF;
    padding:5px 10px 5px 30px;
    text-align:center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-size:1.6rem;
    line-height:1.4em;
}
#ha-contact a:hover{
    opacity:0.8;
    text-decoration:none;
}
#bread-wrapper{
    width:100%;
    background:#F1F1F1;
}
#bread-area{
    width:1200px;
    margin: auto;
}
#bread-area li{
    float:left;
    padding:5px 10px;
    font-size:1.2rem;
    color:#444444;
}
#bread-area a{
    color:#444444;
}
.scl #head-wrapper{
    height:auto;
}
.scl #ha-message{
    display:none;
}
.scl #ha-logo{
    margin:5px;
}
.scl #ha-logo img{
    height:32px;
}
.scl #ha-menu{
    margin:0;
}
.scl #ha-contact{
    margin-top:0;
}

.scl #ha-contact a{
    margin-bottom:0;
    padding:3px 10px;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    line-height:1.2em;
    background-position:9px 14px;
}
.scl .ham-blc{
    border-bottom:none;
}
/*採用ページ*/

#main-col-inner .recbox h2{
    background:#EEEEEE;
    border:1px solid #CCCCCC;
    color:#333333;
    padding:10px 20px;
    margin:20px 0 0;
    line-height:1.0em;
    font-size:2.0rem;
    font-weight:normal;
}
#main-col-inner .recbox p{
    margin:0 0 10px;
    border:1px solid #CCCCCC;
    border-top:none;
    padding:20px;
}
.hss{
    color:#B92424;
    background:#ff0;
}
/*ソーシャル*/
#snss{
    position:fixed;
    bottom:3px;
    right:10px;
	z-index: 1;
}
#snss li{
    float:left;
    margin:0 4px;
}



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

}
/*メニュー*/
.service-blc{
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#main-col-cont .service-blc a{
    color:#FFFFFF;
	flex-basis: 300px;
	overflow: hidden;
	margin:10px;
	align-content: stretch;
	border:1px solid #EEEEEE;
	position: relative;
}
#main-col-cont .service-blc a:hover{
    text-decoration:none;
}
.blink{
    position:relative;
    margin:0 auto;
    overflow:hidden;
}
#main-col-wrapper .blink img{
    display:block;
	margin-bottom:100px;
}
.blink:hover{
    opacity:0.8;
}
.bl-txt-area{
    font-size:2.4rem;
    color:#333333;
    width:100%;
	position: absolute;
	bottom:0;
	left:0;
	height:100px;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.bl-txt-area div{
    line-height:1.4em;
    font-weight:bold;
	width:80%;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	margin: auto;
}
.bl-txt-area:hover{
    text-decoration:none;
}

/*本文*/
#single-cont{
    font-size:1.6rem;
    line-height:2.10em;
}
#single-cont p{
    font-size:1.7rem;
    margin-bottom:2.5em;
    line-height:2.10em;
}
#single-cont strong{
    background: linear-gradient(transparent 60%, #ffedbc 60%);
}
#single-cont ul{
	margin:30px 0;
}

#single-cont ul li{
    list-style: circle outside;
    margin-left:30px;
	
}
#single-cont ol li{
	margin-left:30px;
	list-style:decimal outside;
}
#single-cont li:not(:last-child){
	margin-bottom:10px;
}

#single-cont img{
    max-width:100%;
    display:block;
    margin:20px auto;
    height:auto;
}
.ad-cont{
    margin:30px 0;
}
.ad-cont .open-button{
    background-color:#fdf8e0;
    margin:0;
    padding:10px 10px 10px 50px;
    border:1px solid #CCCCCC;
    cursor:pointer;
    background-image:url(../images/icon/plus-32.png);
    background-repeat:no-repeat;
    background-position:left 5px top 5px;
}
.ad-cont .open-button:hover{
    opacity:0.6;
}
.ad-cont .open-button.on{
    background-image:url(../images/icon/minus-32.png);
}
.ad-cont .open-cont{
    display:none;
    line-height:1.75em;
    background-color:#fdf8e0;
}
.ad-cont .open-cont.open{
    display:block;
    padding:20px;
    border:1px solid #CCCCCC;
    margin:10px 0 20px;
}
blockquote{
    margin:20px 30px;
    font-size:1.4rem;
    line-height:1.4em;
    position:relative;
    background:#F8F8F8;
    text-shadow:1px 1px 0 rgba(255,255,255,0.9);
    padding:20px 30px 20px 60px;
    background:#F8F8F8 url(/images/bg/quote.png) no-repeat 10px 10px;
}

blockquote .sub{
    font-size:1.2rem;
    color:#888888;
    margin-bottom:0;
    text-shadow:1px 1px 1px #FFFFFF;
}
.hd-img img{
    display:block;
    max-height:400px;
    max-width:650px;
    margin:30px auto;
}
.disc{
    padding:20px;
    border:1px solid #f7f7f7;
    background:#F0F0F0;
    margin:10px 0;
    font-size:1.6rem;
    text-shadow:1px 1px 1px rgba(255,255,255,0.9);
	-moz-border-radius: 4px;
	-web-border-radius: 4px;
	border-radius: 4px;
}
#single-cont h2{
    font-size:2.5rem;
    padding:10px 20px 8px;
    font-weight:bold;
    line-height:1.43em;
	margin:60px 0 30px;
}
#single-cont h3{
    font-size:2.5rem;
    margin:60px 0 30px;
    padding:5px 10px;
    border-bottom:1px solid #EEEEEE;
}
#single-cont h4{
    font-size:2.0rem;
    padding:5px 10px;
    background:#EFEFEF;
    margin:40px 0 20px;

}
#single-cont h5{
    font-weight:bold;
    padding:5px 10px;
    border-bottom:1px solid #EEEEEE;
    margin:40px 0 20px;
}
#single-cont h6{
    font-weight:bold;
    margin:10px 0 20px;
}
#author-blc{
    margin:40px auto;
    border:5px solid #EEEEEE;
}
.ab-left{
    width:180px;
}
.ab-left img{
    display:block;
    width:100px;
    height:100px;
    border-radius:200px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
    margin:30px auto;
}
.ab-right{
    width:450px;
    margin-right:20px;
}
.ab-ttl{
    font-size:22px;
    padding:20px;
    border-bottom:1px solid #EEEEEE;
}
.ab-desc{
    padding:10px 20px;
    font-size:1.6rem;
    color:#555555;
}
/*ソーシャル*/
.single-social-area{
    padding:20px 20px;
}
.social-button-list{
    opacity:0;
    height:71px;
}
.social-button-list li{
    overflow:hidden;
    float:left;
    margin:0 5px;
    height:71px;
    list-style:none;
}
.sb-tw{
    width:75px;
}
.sb-fb{
    width:74px;
}
.sb-gp{
    width:50px;
}
.sb-ht{
    width:85px;
}
.sb-pk{
    width:60px;
}
.sb-li{
    display:none;
}
.arrow_box{
    padding:6px 5px;
    display:block;
    border:1px solid #CCCCCC;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    text-align:center;
    color:#555555;
    margin-bottom:7px;
    position:relative;
}
.arrow_box:before{
    position:absolute;
    content:"";
    border:5px solid #CCCCCC;
    border-bottom-color:transparent;
    border-right-color:transparent;
    border-left-color:transparent;
    bottom:-12px;
    left:35%;
}
.arrow_box:after{
    position:absolute;
    content:"";
    border:5px solid #FFFFFF;
    border-bottom-color:transparent;
    border-right-color:transparent;
    border-left-color:transparent;
    bottom:-10px;
    left:35%;
}
/*▼テンプレート▼*/
/*文字装飾*/
.f-24{font-size:24px;line-height:1.2em}
.f-32{font-size:32px;line-height:1.2em}
.f-64{font-size:64px;line-height:1.2em}
/*横幅指定*/
.w-32{width:32px}
.w-64{width:64px}
.w-128{width:128px;}
/*文字色*/
.c-red{color:#CB2929;}
.c-blue{color:#4244C8;}
.c-green{color:#429924;}
.c-purple{color:#612499;}
.c-orange{color:#FF6100;}
/*枠*/
.n_box,.g_box,.r_box,.b_box,.o_box,.p_box{
    padding:10px 20px 10px;
    margin:20px 0;
    clear:both;
}
.n_box{border:4px solid #EEEEEE;}
.g_box{border:4px solid #A4CA8E;}
.b_box{border:4px solid #CDD3FF;}
.r_box{border:4px solid #FAC7C7;}
.o_box{border:4px solid #FDBF98;}
.p_box{border:4px solid #DABAF7;}
.n_box p:last-child,
.g_box p:last-child,
.r_box p:last-child,
.b_box p:last-child,
.o_box p:last-child,
.p_box p:last-child{
    margin-bottom:0 !important; 
}
/*吹き出し*/
.s_com{
    border:3px solid #CCCCCC;
    padding:10px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    margin:15px 5px 20px;
    position:relative;
}
.s_com:before{
    content:"";
    border:10px #CCCCCC solid;
    border-left-color:transparent;
    border-top-color:transparent;
    border-right-color:transparent;
    position:absolute;
    top:-20px;
    left:10px;
}
.s_com:after{
    content:"";
    border:10px #FFFFFF solid;
    border-left-color:transparent;
    border-top-color:transparent;
    border-right-color:transparent;
    position:absolute;
    top:-17px;
    left:10px;
}
.s_com_half{max-width:350px;}
.s_red{border-color:#ff9b9b;}
.s_red:before{border-bottom-color:#ff9b9b;}
.s_blue{border-color:#9ba2ff;}
.s_blue:before{border-bottom-color:#9ba2ff;}
.s_green{border-color:#89BA7F;}
.s_green:before{border-bottom-color:#89BA7F;}
.s_orange{border-color:#FDBF98;}
.s_orange:before{border-bottom-color:#FDBF98;}
.s_purple{border-color:#DABAF7;}
.s_purple:before{border-bottom-color:#DABAF7;}
/*アイコンつきボックス*/
.icon_box{
    padding-left:51px;
    background-position:10px 6px;
    background-repeat:no-repeat;
    background-size:32px;
}
.i_box_chk{background-image:url(/wp-content/themes/hks/images/icon/chek01.png)}
.icon_box.f-32{
    background-position:15px 12px;
}
.i_box_ex{background-image:url(/wp-content/themes/hks/images/icon/exclamation01.png)}
.i_box_cross{background-image:url(/wp-content/themes/hks/images/icon/cross01.png)}
.a_icon{
    background-position:10px 10px;
    background-size:50px 50px;
    padding:5px 20px 5px 75px;
    height:60px;
    display:table-cell;
    vertical-align:middle;
}
.a_good{
    background:url(./images/icon/a_good.png) no-repeat 0px 0px;
    color:#426D29;
    font-size:24px;
    font-weight:bold;
}
.a_matome{
    background:url(./images/icon/a_matome.png) no-repeat 0px 0px;
    color:#112C81;
    font-size:24px;
    padding-left:100px;
    font-weight:bold;
}
.a_bad{
    background:url(./images/icon/a_bad.png) no-repeat 0px 0px;
    color:#C42121;
    font-size:24px;
    font-weight:bold;
}
.list_g{
    background-image:url(./images/icon/a_chk_g.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-position:7px 2px;
}
.list{
    background-image:url(./images/icon/a_chk.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-position:7px 2px;
}
.list_r{
    background-image:url(./images/icon/a_chk_r.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-position:7px 2px;
}
.list_b{
    background-image:url(./images/icon/a_chk_b.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-position:7px 2px;
}
.i-icon{
    padding-left:30px;
    background-size:16px 16px;
    background-position:5px 3px;
    background-repeat:no-repeat;
}
/*トップボード*/
#top-board-wrapper{
    overflow:visible;
    width:100%;
    margin:0 auto 0px;
    height:440px;
    position:relative;
    background:url(/images/2015/11/top_board01.jpg) top center no-repeat;
}
.tbw-row{
    height:8px;
}
.tbw-l{
    width:25%;
    height:8px;
    float:left;
    position:relative;
}
#board-slide-area{
    position:absolute;
    width:1200px;
    top:0;
    left:0;
}
.tbw01{
    background:#d5848b;
}
.tbw02{
    background:#51a1a2;
}
.tbw03{
    background:#f8e352;
}
.tbw04{
    background:#7b9ad0;
}
.bbbar{
    width:100%;
    box-sizing:border-box;
    text-align:center;
    padding:2px;
    color:#FFFFFF;
    font-size:12px;
    background:#d5848b;
    text-shadow:1px 1px 1px rgba(0,0,0,0.2),-1px -1px 1px rgba(0,0,0,0.2);
}
.slick-prev,
.slick-next{
}
.slick-list{
    overflow:visible !important;
}
.slides li{
    width:1200px;
    height:400px;
    position:relative;
}
#board-slide-area img{
    width:auto;
}
.tmessa{
    width:100%;
    background:rgba(255,255,255,0.98);
    font-size:39px;
    color:#000000;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    height:90px;
}
.tmessa div{
    padding:36px 40px 20px;
    z-index:110;
    position:relative;
}
.tmessa small{
    font-size:80%;
}

.topmessa{
    font-size:16px;
    line-height:1.4em;
    text-align:center;
    padding:20px 20px 20px;
    margin:20px auto;
    flex-basis:50.0rem;
    background:rgba(255,255,255,0.8);
    font-weight:bold;
    line-height:1.4em;
    color:#000000;
    width:800px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.topmessa-button{
    width: 200px;
    display: block;
    margin: 0px auto;
    background-color: #23b951;
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding: 5px 20px 5px 30px;
    text-align: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 1.6rem;
    line-height: 1.4em;
}
.topmessa-button:hover{
    text-decoration:none;
}
.topmessa strong{
    color:#BC0B0B;
}
.topmessa .topmessa-main{
    font-size:28px;
    line-height:1.3em;
    font-weight:bold;
}
@media screen and (max-width: 820px) {
	.topmessa .topmessa-main{
	font-size:20px;
	}
}
.topmessa-sub{
    width:370px;
    margin:20px auto;
    text-align:left;
        min-height: 11rem;
}
.topfb{
    width:400px;
}
.top-person img{
    width:100px;
    height:100px;
    margin-top:20px;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit--border-radius:100px;
    box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
.main-bb{
    height:400px;
    width:1200px;
    margin:0 auto;
    position:relative;
    display:flex;
    -moz-display:flex;
    -webkit-display:flex;
    align-content:center;
    justify-content:center;
    
}
#main-bb-in{
    width:1200px;
    margin:0 auto;
}
.main-bb img{

}

#tb-left{
    width:610px;
}
#tb-right{
    width:590px;
    margin:10px;
    z-index:100;
    position:absolute;
    top:50px;
    right:10px;
    background-color:rgba(255,255,255,0.75);
    border-radius:4px;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.m-g{
    font-size:33px;
    padding:20px 20px 10px;
    line-height:1.2em;
    font-weight:bold;
    color:#CE1D1D;
    text-align:center;
}
.tpoint{
    padding:10px 20px;
    font-size:16px;
    line-height:1.2em;
}
.tpoint span{
    color:#000000;
    font-weight:bold;
    font-size:20px;

}
.tpoint div{
    margin-bottom:19px;
}
.btn{
    width:300px;
    background:#333333;
    color:#FFFFFF;
    display:block;
    margin:20px 49px;
    text-align:center;
    box-shadow:inset -1px -1px 2px rgba(0,0,0,0.5);
    position:relative;
}
.btn:hover{
    text-decoration:none;
    box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4),inset 0px 0px 100px rgba(0,0,0,0.1);
}
.btn div{
    padding:20px;
    font-size:21px;
    text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
}

.flex-direction-nav li a{
    background-color:rgba(255,255,255,0.8);
    width:70px;
    height:70px;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    z-index:101;
}
.flex-direction-nav li a img{
    width:48px;
    height:48px;
    display:block;
    margin:10px auto;
}
.btn:hover .tipsl span{
    left:0;
}
#button-area{
    width:1200px;
    position:relative;
    z-index:100;
    margin:50px auto 10px;
    background:rgba(255,255,255,0.9);
}
/*お問い合わせ*/
.inquery-area{
    max-width:550px;
    margin:40px auto;
    padding:30px;
    background-color:#FAFAFA;
    border:1px solid #EEEEEE;
}
.inquery-area-sec-ttl{
	margin:50px 0 30px;
	font-size:24px;
	font-weight:bold;
	padding:10px;
	border-bottom:1px solid #CCCCCC;
}
.in-inpt-ttl{
    font-size:16px;
    font-weight:bold;
    text-shadow:1px 1px 0 rgba(255,255,255,0.9);
    padding:3px 5px 5px 50px;
    background-repeat:no-repeat;
    background-position:5px 4px;
}
.hisu-t .in-inpt-ttl{
    background-image:url(/images/icon/i-hisu.png);
}
.in-inpt-subtxt{
    font-size:13px;
    margin:5px 0;
}
.nini-t .in-inpt-ttl{
    background-image:url(/images/icon/i-nini.png);
}
.iq-blc{
    margin-top:30px;
    padding-top:10px;
    border-top:2px solid #FFFFFF;
}
.inquery-area input.inpt-hisu[type=text],
.inquery-area textarea.inpt-hisu{
    border:1px solid #B92424;
    background-color:#FEE;
    position:relative;
}
.inquery-area input.inpt-done[type=text],
.inquery-area textarea.inpt-done{
    border:1px solid #8AD495;
    background-color:#EDFFEF !important;
}
.app-hisu{
    font-size:12px;
    color:#FFFFFF;
    position:relative;
    margin-top:5px;
    padding:3px 10px;
    width:100px;
    text-align:center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#D93F3F;
}
.app-hisu:after{
    position:absolute;
    content:"";
    border:10px solid #D93F3F;
    border-left-color:transparent;
    border-right-color:transparent;
    border-top-color:transparent;
    top:-19px;
    left:20px;
}
#error-point{
    font-size:12px;
    font-weight:bold;
    text-align:left;
    color:#B92424;
    padding:0 10px;
    background:#ff0;
    margin:5px;
}
.mw_wp_form .error{
    background:yellow;
}
.beforesend{
    text-align:center;
    background-image:url(/images/icon/exclamation128.png);
    background-position:12px 12px;
    background-color:#FFFFFF;
    font-size:12px;
    background-size:32px;
    background-repeat:no-repeat;
    padding:10px 20px 10px 50px;
    border:5px solid #FF8A00;
}
.count-c{
    font-size:9px;
}
.send-area{
    margin:30px auto;
    width:300px;
}
.sendbuton{
    display:none;
}
.sendbuton input{
    width:250px;
    text-align:center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-size:18px;
    padding:10px 20px;
    color:#FFFFFF;
    text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
    background:#1AAD3B;
    border:none;
    box-shadow:inset -2px -2px 2px rgba(0,0,0,0.3);
}
.sendbuton input:hover{
    opacity:0.7;
}
.inquery-area input[type=text],
.inquery-area select,
.inquery-area textarea{
    max-width:450px;
    padding:3px 10px;
    font-size:16px;
    border:1px solid #AAAAAA;
    background-color:#ff9;
    margin:5px 10px 5px 0px;
}
.inquery-area input[type=text]:hover,
.inquery-area select:hover,
.inquery-area text-area:hover{
    border:1px solid #3244B7;
    cursor:pointer;
}
.inquery-area input[type=text]:focus,
.inquery-area select:focus,
.inquery-area text-area:focus{
    border:1px solid #3244B7;
    box-shadow:inset 1px 1px 3px rgba(0,0,0,0.6);
}
#agree{
    width:300px;
    margin:20px auto;
    font-size:12px;
    max-height:100px;
    overflow-y:auto;
    padding:15px;
    border:1px solid #EEEEEE;
}
/*サービスページ*/
#service-cont .msg{
    font-size:24px;
    line-height:1.4em;
    color:#1AAD3B;
}
/*▼▼サイドバー▼▼*/
#sidebar{
    width:350px;
    float:left;
    font-size:15px;
}
#sidebar-inner{
    margin:10px 20px;
}
.side-list li{
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
}
.side-list a:hover{
    background-color:#FAFAFA;
}
.side-list li a:hover{
    text-decoration:none;
}
.side-list a{
    padding:9px 10px;
    display:block;
    border-bottom:1px solid #F0F0F0;
}
.side-list a{
    padding-left:30px;
}
.side-list .children a{
    padding-left:50px;
    background-position: 28px 9px;

}
.side-list .children .children a{
    padding-left:70px;
    background-position: 48px 9px;

}

.cat-ttl{
    background:#444444;
    color:#FFFFFF;
    padding:9px 10px 9px;
    text-align:center;
    font-size:19px;
    margin-top:30px;
    line-height:1.2em;
    position:relative;
}
.i-sitemap{
    position:relative;
}
.i-sitemap:before{
    content:"";
    background:#444444 url(/images/icon/i-sitemap.png) no-repeat 10px 14px;
    left:10px;
    bottom:10px;
    width:50px;
    height:50px;
    position:absolute;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
}
.i-docu{
    position:relative;
}
.i-docu:before{
    content:"";
    background:#444444 url(/images/icon/i-docu.png) no-repeat 10px 14px;
    left:10px;
    bottom:10px;
    width:50px;
    height:50px;
    position:absolute;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
}
.side-list>ul{
    border:1px solid #EEEEEE;
}
.side-list a{
    background-image:url(/images/bg/arrow20.png);
    background-repeat:no-repeat;
    background-position:6px 9px;
    text-shadow:1px 1px 0 rgba(255,255,255,0.9);
    color:#333333;
    display:block;
}

#side-list ul ul a{
    background-position:26px 9px;
}
/*サイド新着*/
/*パーツ*/
.snp-ttl-area{
    width:300px;
    margin:20px auto 0;
    background:#333333;
    color:#FFFFFF;
    position:relative;
    min-height:33px;
}
.snp-mttl{
    padding:6px 10px;
}
.snp-ttl-area:after{
    content:"";
    border:20px solid #333333;
    position:absolute;
    bottom:-20px;
    left:0;
    border-left-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
}

.snp-mtt{
    width:200px;
    padding:5px 10px;
}
.snp-more{
    width:100px;
    padding:4px 10px;
    text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
    color:#FFFFFF !important;
    background:#8fc31f;
    font-size:12px;
    border-radius:0 0 0 4px;
    -moz-border-radius:0 0 0 4px;
    -webkit-border-radius:0 0 0 4px;
}
.snp-more:hover{
    opacity:0.8;
}

.snp-blc{
    width:300px;
    margin:10px auto;
    position:relative;
    overflow:hidden;
    height:200px;
    margin-bottom:10px;
}
.snp-img img{
    width:100%;
}
.snp-txt a{
    color:#FFFFFF;
}
.snp-txt{
    position:absolute;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,0.8);
    color:#FFFFFF;
    font-size:14px;
    line-height:1.4em;
}
.snp-ttl{
    padding:4px 10px;
}
.thv{
    position:absolute;
    background:#8fc31f;
    opacity:0.8;
}
.hv-tsum{
    left:-100%;
    top:40px;
    position:absolute;
}
.hv-tt{
    width:100%;
    height:5px;
    left:-100%;
    top:0;
}
.hv-bt{
    width:100%;
    height:5px;
    right:-100%;
    bottom:0;

}
.hv-lt{
    width:5px;
    height:100%;
    bottom:-100%;
    left:0;
}
.hv-rt{
    width:5px;
    height:100%;
    top:-100%;
    right:0;
}
.snp-blc:hover .hv-tsum{
    left:-70px;
}
.snp-blc:hover .hv-tt{
    left:0;
}
.snp-blc:hover .hv-bt{
    right:0;
}
.snp-blc:hover .hv-rt{
    top:0;
}
.snp-blc:hover .hv-lt{
    bottom:0;
}
/*流れ*/
.flow-area{

}
.flow-inner{
    width:950px;
    margin:100px auto;
}
.flow-mttl{
    font-size:33px;
    font-weight:bold;
    text-align:center;
    padding:30px 20px;
    line-height:1.3em;
}
.flow-sum{
    margin:30px 0;
    padding:20px;
    font-size:18px;
    line-height:1.4em;
    border:1px solid #EEEEEE;
}
.flow-blc{
    margin:90px 0;
    width:950px;
    height:160px;
    background-position:-300px 0px;
    background-repeat:no-repeat;
}
.flow-blc:hover{
    background-position:0px 0px;
}
.flow-blc:hover .flow-arrow{
    background:rgba(0,0,0,0.8);
}
.flow-blc:hover .flow-cont{
    background:rgba(255,255,255,0.8);
}
.cnt1{background-image:url(/images/2015/10/cnt01.jpg);}
.cnt2{background-image:url(/images/2015/10/cnt02.jpg);}
.cnt3{background-image:url(/images/2015/10/cnt03.jpg);}
.cnt4{background-image:url(/images/2015/10/cnt04.jpg);}
.cnt5{background-image:url(/images/2015/10/cnt05.jpg);}
.cnt6{background-image:url(/images/2015/10/cnt6.jpg);}

.flow-arrow{
    background:rgba(0,0,0,0.9);
    width:300px;
    color:#FFFFFF;
    text-align:center;
    position:relative;
    display:table-cell;
    vertical-align:middle;
    min-height:160px;
}
.flow-cont{
    width:350px;
    height:160px;
    background:rgba(255,255,255,0.9);
    text-shadow:0px 0px 3px rgba(255,255,255,0.9);
}
.flow-tab{
    width:300px;
}
.flow-arrow div{
    padding:20px;
    position:relative;
    font-size:18px;
    font-weight:bold;
}
.flow-arrow div.flow-tip{
    width:40px;
    height:40px;
    padding:0;
    border-radius:120px;
    -moz-border-radius:120px;
    -webkit-border-radius:120px;
    background:#426D29;
    left:-25px;
    top:-25px;
    text-align:center;
}
.flow-arrow div.flow-tip div{
    padding:0;
    padding-top:9px;
}

.flow-arrow:after{
    position:absolute;
    content:"";
    border:20px solid rgba(0,0,0,0.9);
    border-left-color:transparent;
    border-bottom-color:transparent;
    border-right-color:transparent;
    bottom:-40px;
    left:140px;
}
.flow-arrow.end:after,
.mci-box{
    border:none;
}
.flow-ttl{
    font-size:22px;
    font-weight:bold;
    line-height:1.4em;
    margin:0 10px;
    padding:10px;
    border-bottom:1px solid #CCCCCC;
}
.flow-desc{
    border-top:1px solid #FFFFFF;
    padding:10px 10px;
    margin:0 10px;
}

.flow-arrow div.flow-span{
    background:#FFFFFF;
    font-size:14px;
    color:#333333;
    font-weight:normal;
    padding:4px 10px;
    width:240px;
    bottom:0px;
    left:20px;
    position:absolute;
    margin:0 auto 20px;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    text-align:center;
}
/*サンクスページ*/
.tks-msg{
    font-size:18px;
    line-height:1.7em;
    text-align:center;
    margin:30px auto;
    font-size:22px;
}

.thanks-blc{
    border:6px solid #EEEEEE;
    padding:10px 20px;
    width:600px;
    margin:10px auto;
}
.tks-ttl{
    font-size:18px;
    color:#333333;
    border-bottom:1px solid #333333;
    padding:20px;
    text-align:center;
}
.tks-tel{
    font-size:34px;
    text-align:center;
    margin:30px 0;
    font-weight:bold;
}
.tks-day{
    font-size:13px;
    color:#666666;
    margin:5px;
    text-align:center;
}
.tks-mail{
    text-align:center;
}


/*QA*/
.qa-area{
    background-image:url(/images/2015/10/qa-board.jpg);
    background-repeat:no-repeat;
    background-position:top center;
}
.qa-inner{
    width:600px;
    margin:100px auto 100px;
    min-height:600px;
}
.qa-ttl{
    font-size:33px;
    font-weight:bold;
    text-align:center;
    padding:30px 20px;
    line-height:1.3em;
}
.p-q{
    padding:8px 20px 8px 50px;
    background-image:url(/images/icon/more32.png);
    background-repeat:no-repeat;
    background-position:8px 7px;
    background-color:#E3F5FF;
    background-size:24px;
    font-size:20px;
    cursor:pointer;
}
.p-c{
    margin: 10px 20px 0px 30px;
    font-weight:bold;
    font-size:18px;
    line-height:1.4em;
    text-shadow:0 0 3px rgba(255,255,255,0.4);
    background-color:#FFFFFF;
    padding:10px 20px;
    position:relative;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.p-c:after{
    position:absolute;
    content:"";
    left:-20px;
    top:10px;
    border:10px solid #FFFFFF;
    border-left-color:transparent;
    border-top-color:transparent;
    border-bottom-color:transparent;

}
.p-q:hover{
    opacity:0.8;
}
.p-q.open{
    background-image:url(/images/icon/less32.png);
    background-color:#FFF3F3;
}

.p-d{
    margin:10px 20px 30px 30px;
    font-size:16px;
    background-color:rgba(255,255,255,0.9);
    padding:20px;
    border:1px solid #EEEEEE;
    line-height:1.4em;
}
/*コンタクトボード*/
#line-contact-board{
    min-height:300px;
    background:url(/images/2015/10/contact-board.jpg) top center no-repeat;
    color:#FFFFFF;
    text-shadow:0px 0px 3px rgba(0,0,0,0.6);
}
#lcb-inner{
    width:1200px;
    margin:0 auto;
    padding:20px;
}
.lcb-area{
    width:800px;
    margin:0 auto;
}
.lcb-tip{
    font-size:20px;
    padding:10px 20px;
    text-align:center;
    width:400px;
    margin:10px auto;
    background:rgba(10,92,0,0.4);
    box-shadow: inset 0 0 130px rgba(0,0,0,0.2);
}
.lcb-person{
    margin:0 auto;
    width:580px;
    text-align:center;
}
.lcb-person img{
    width:90px;
    height:90px;
    margin:10px 10px;
    border-radius:200px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
}
.lcb-message{
    padding:10px;
    font-size:18px;
    line-height:1.4em;
    width:600px;
    margin:10px auto;
}
.lcb-tel{
    background:rgba(10,92,0,0.4);
    padding:20px;
    margin:10px auto;
    width:400px;
    text-align:center;
    box-shadow: inset 0 0 130px rgba(0,0,0,0.2);
}
.lcb-telspace{
    font-size:33px;

}
.lcb-telspace a{
    color:#FFFFFF;
}
.lcb-telspace span{
    font-size:18px;
    margin-right:14px;
}
/*一覧*/
.c-blc{
    width:650px;
    margin:50px auto;
    position:relative;
    overflow:hidden;
    padding:5px 0 5px;
}
.cb-a{
    color:#333333;
}
.cb-a:hover{
    text-decoration:none;
}
.cb-left{
    width:225px;
    height:150px;
}
.cb-left img{
    display:block;
    margin:0 auto;
    max-width:100%;
    max-height:100%;
}
.cb-right{
    width:425px;
    position:relative;
    min-height:150px;
}
.cb-ttl{
    font-size:22px;
    line-height:1.4em;
    padding:3px 20px 6px;
    font-weight:bold;
}
.cb-desc{
    font-size:13px;
    color:#555555;
    line-height:1.3em;
    padding:0 20px 10px;
}
.cb-date{

    font-size:12px;
    color:#666666;
    padding:3px 20px 0;
}
.c-blc:hover .cb-right,
.c-blc:hover .cb-left{
    opacity:0.9;
}
@media screen and (max-width: 820px) {
  .c-blc{
    width:100%;
    padding:0;
    box-shadow:0 0 4px rgba(0,0,0,.4);
    }
  .cb-right,
  .cb-left{
    width:100%;
    height:auto;
  }
  .cb-left img{
    width:100%;
    height:auto;
  }
  
}
.hv-sum{
    position:absolute;
    top:45px;
    left:-180px;
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    width:180px;
    height:60px;
}
.hv-t,
.hv-b{
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    position:absolute;
    height:5px;
    right:-100%;
    width:100%;
    top:0;
    background:#8fc31f;
}
.hv-b{
    top:auto;
    bottom:0;
}
.c-blc:hover .hv-sum{
    left:-100px;
}
.c-blc:hover .hv-b,
.c-blc:hover .hv-t{
    right:0;
}

/*ページネーション*/
.pagination{
    text-align:center;
}
.pages span,
.pages a{
    display:block;
    float:left;
    padding:10px;
    border:1px solid #EEEEEE;
    margin:5px;
    color:#333333;
}
.pages .current,
.pages span:hover,
.pages a:hover{
    background:#333333;
    color:#FFFFFF;
    border:1px solid #333333;
    text-decoration:none;
}
#main-col-cont .pages a:hover{
    text-decoration:none;
}
/*メディア共通*/
/*文字装飾*/
.f-24{font-size:24px;line-height:1.2em}
.f-32{font-size:32px;line-height:1.2em}
.f-64{font-size:64px;line-height:1.2em}
/*横幅指定*/
.w-32{width:32px}
.w-64{width:64px}
.w-128{width:128px;}
/*文字色*/
.c-red{color:#CB2929;}
.c-blue{color:#4244C8;}
.c-green{color:#429924;}
.c-purple{color:#612499;}
.c-orange{color:#FF6100;}
/*枠*/
.n_box,.g_box,.r_box,.b_box,.o_box,.p_box{
    padding:10px 20px 10px;
    margin:20px 0;
    clear:both;
}
.n_box{border:4px solid #EEEEEE;}
.g_box{border:4px solid #A4CA8E;}
.b_box{border:4px solid #CDD3FF;}
.r_box{border:4px solid #FAC7C7;}
.o_box{border:4px solid #FDBF98;}
.p_box{border:4px solid #DABAF7;}
.n_box p:last-child,
.g_box p:last-child,
.r_box p:last-child,
.b_box p:last-child,
.o_box p:last-child,
.p_box p:last-child{
    margin-bottom:0 !important; 
}
/*吹き出し*/
.s_com{
    border:3px solid #CCCCCC;
    padding:10px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    margin:15px 5px 20px;
    position:relative;
}
.s_com:before{
    content:"";
    border:10px #CCCCCC solid;
    border-left-color:transparent;
    border-top-color:transparent;
    border-right-color:transparent;
    position:absolute;
    top:-20px;
    left:10px;
}
.s_com:after{
    content:"";
    border:10px #FFFFFF solid;
    border-left-color:transparent;
    border-top-color:transparent;
    border-right-color:transparent;
    position:absolute;
    top:-17px;
    left:10px;
}
.s_com_half{max-width:350px;}
.s_red{border-color:#ff9b9b;}
.s_red:before{border-bottom-color:#ff9b9b;}
.s_blue{border-color:#9ba2ff;}
.s_blue:before{border-bottom-color:#9ba2ff;}
.s_green{border-color:#89BA7F;}
.s_green:before{border-bottom-color:#89BA7F;}
.s_orange{border-color:#FDBF98;}
.s_orange:before{border-bottom-color:#FDBF98;}
.s_purple{border-color:#DABAF7;}
.s_purple:before{border-bottom-color:#DABAF7;}
/*アイコンつきボックス*/
.icon_box{
    padding-left:51px;
    background-position:10px 6px;
    background-repeat:no-repeat;
    background-size:32px;
}
.i_box_chk{background-image:url(/images/icon/chek01.png)}
.icon_box.f-32{
    background-position:15px 12px;
}
.i_box_ex{background-image:url(/images/icon/exclamation01.png)}
.i_box_cross{background-image:url(/images/icon/cross01.png)}
.a_icon{
    background-position:10px 10px;
    background-size:50px 50px;
    padding:5px 20px 5px 75px;
    height:60px;
    display:table-cell;
    vertical-align:middle;
}
.a_good{
    background:url(/images/icon/a_good.png) no-repeat 0px 0px;
    color:#426D29;
    font-size:24px;
    font-weight:bold;
}
.a_matome{
    background:url(/images/icon/a_matome.png) no-repeat 0px 0px;
    color:#112C81;
    font-size:24px;
    padding-left:100px;
    font-weight:bold;
}
.a_bad{
    background:url(/images/icon/a_bad.png) no-repeat 0px 0px;
    color:#C42121;
    font-size:24px;
    font-weight:bold;
}
.list_g{
    background-image:url(/images/icon/a_chk_g.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-position:7px 2px;
}
.list{
    background-image:url(/images/icon/a_chk.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-position:7px 2px;
}
.list_r{
    background-image:url(/images/icon/a_chk_r.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-position:7px 2px;
}
.list_b{
    background-image:url(/images/icon/a_chk_b.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
    padding-left:40px;
    background-position:7px 2px;
}
.i-icon{
    padding-left:30px;
    background-size:16px 16px;
    background-position:5px 3px;
    background-repeat:no-repeat;
}
.recbox input[type=submit]{
    width:250px;
    display:block;
    margin:20px auto;
    background:#333333;
    color:#FFFFFF;
    padding:10px 20px;
    text-align:center;
    border:none;
}
.recbox input[type=submit]:hover{
    opacity:0.8;
}
/*youtube iframe*/
.lpy-area{
    width:100%;
    max-width:560px;
    margin:10px auto;
}
.lpy-area p{
    text-align:center;
    margin:10px auto;
    font-weight:bold;
    font-size:16px;
}
.yiframe{
position: relative;
overflow: hidden;
margin: 15px 0 20px 0;
padding-bottom: 80%;
padding-top: 65px;
}
.yiframe iframe{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/*LPアニメーション用*/
/*右から出てくる*/
.fadein{
    position:relative;
}
/*左から出てくる*/

/*下から出てくる*/
#m-menu,
#m-contact,
#m-cat{
    display:none;
}

/*装飾*/
.dfile{
    padding:10px 20px 10px 50px;
    background-image:url(/images/icon/i-downicon.png);
    background-position:9px 9px;
    background-repeat:no-repeat;
    display:block;
    margin:20px 0;
    background-size:24px;
    background-color:#DFF3DB;
    border:1px solid #92CC87;
}
#footer-wrapper{
        width:100%;
        top:0;
        left:0;
        border-top:#EEEEEE 1px solid;
        padding:30px 0;
        background:#FEFEFE;
    }
    #footer-area{
        width:1200px;
        margin:0 auto;
    }
    #fa-logo{
	width:100%;
        max-width:300px;
	height:auto;
    }
    #fa-logo img{
        display:block;
        margin:20px auto;
    }
    #baseinfo{
        color:#555555;
        font-size:12px;
        padding:20px;
    }
@media screen and (max-width: 820px) {
    html,
    #head-area,
    #ha-menu,
    #footer-area,
    #bread-area,
    .center,
    #main-inner,
    #main-col-wrapper,
    #main-col-inner,
    #main-col-cont,
    #main-inbg,
    .blink,
    .a-media,
    .lp-line,
    .lp-in,
    .flow-inner,
    .flow-blc,
    #lcb-inner,
    .lcb-person,
    .lcb-area,
    .qa-inner,
    .lcb-tip,
    .lcb-tel,
    .ta-box,
    .flow-cont,
    .ta-cont,
    .ta-box .ta-cont
    {
        margin:0 auto;
        padding:0;
        width:100% !important;
        min-width:280px;
    }

    .inquery-area input[type=text], .inquery-area select, .inquery-area textarea,.inquery-area input[type=file]{
        max-width:240px !important;
        font-size:14px;
    }
    .sl-cont{
        width:auto;
    }
    #top-board-wrapper,
    .main-bb{
        width:100%;
        height:auto;
    }
    #main-col-wrapper img{
        max-width:100%;
    }
    .top-person img{
        width:50px;
        height:50px;
    }
    .topmessa{
	padding:20px 10px;
        font-size:22px;
        width:auto;
    }
    .topmessa-sub{
	width:auto;
	padding:10px;
	font-size:14px;
	line-height:1.4em;
    }
    .topfb{
        width:100%;
    }
    .a-media{
        margin:10px auto;
    }
    .bl-txt-area{
        font-size:20px;
        line-height:1.3em;
    }
    .ta-cont ul li{
        margin-bottom:10px;
        line-height:1.3em;
        list-style-position: outside;
        margin-left:35px;
    }
    .ta-comme-img{
        width:90px;
    }
    .ta-comme-img,
    .ta-comme-img img{
        width:60px;
        height:60px;
    }
    .ta-comme-cont{
        width:210px;
        font-size:15px;
    }
    #main-wrapper,
    .lp-inner{
        width:90%;
        padding:0 5%;
    }
    #main-col-cont{
        padding:0;
    }
    #main-col-inner h1{
        font-size:22px;
        padding:20px 10px;
        line-height:1.2em;
    }
    .flow-blc{
        height:auto;
    }
    .flow-arrow div.flow-tip{
        left:10px;
        top:10px;
    }

    #single-cont p{
        line-height:1.6em;
        font-size:15px;
    }
    .ab-left,
    .ab-right{
        width:auto;
        float:none;
        margin:0px auto;

    }
    .ab-ttl{
        text-align:center;
        font-size:19px;
        padding:10px 20px;
        font-weight:bold;
        border:none;
    }
    .b-share{
        position:relative;
        float:none;
        margin:0 auto;
        display:block;
    }
    .bs-left{
        width:100%;
    }
    .bs-ttl{
        padding:10px 0;
        background:#8fc31f;
    }
    .bs-right{
        float:none;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        background:rgba(0,0,0,0.3);
    }
    .bs-left img{
        margin:0 auto;
    }
    .ab-desc{
        display:none;
    }
    .ab-left img{
        margin:10px auto;
        width:50px !important;
        height:50px !important;
    }
    #single-cont h3{
        padding:0px;
        margin:10px 0 10px;
        padding:10px 0 5px;
        font-size:18px;
        font-weight:bold;
        line-height:1.4em;
    }
    .hs .single-social-area{
        display:none;
    }
    .single-social-area{
        height:auto;
        padding:0;
    }
    .social-button-list{
	margin-top:40px;
    }
    .social-button-list li{
        margin:0 2px;
    }
    .ttl-ath{
        float:none;
    }
    .flow-mttl,
    .qa-ttl{
        font-size:20px;
        padding:10px 20px;
        background:#333333;
        color:#FFFFFF;
        margin:40px 0 20px;
        text-align:left;
    }
    .p-q{
        font-size:16px;
    }
    .p-c{
        margin:10px 0;
        padding:5px;
        font-size:16px;
        line-height:1.3em;
    }
    .p-d{
        margin:5px 0 10px;
        font-size:14px;
    }
    #line-contact-board{
        background:#333333;
    }
    .flow-sum{
        font-size:16px;
        padding:10px;
    }
    .lcb-tip{
        padding:20px 0px;
    }
    .lcb-person img{
        width:40px;
        height:40px;
    }
    .lcb-message{
        padding:10px;
        font-size:14px;
        width:auto;
    }
    .center img{
        max-width:100%;
        display:block;
        margin:10px auto;
    }
    .lcb-tel{
        padding:30px 0;
    }
    html{
        margin-top:71px !important;
    }
    .ta-box h2{
        margin-top:40px;
        padding:10px;
        border-left:none;
        font-size:20px;
        font-weight:bold;
    }
    .flow-cont{
        margin-top:40px;
        float:none;
        height:auto;
    }
    .flow-arrow{
        width:100%;
        float:none;
        display:block;
    }
    .flow-arrow:after{
        left:40%;
    }
    #ha-message{
        display:none;
    }
    .disc{
        padding:10px;
    }
    .ta-comme-area{
        width:290px;
    }
    .hd-img img{
        max-width:100%;
        display:block;
    }
    .fst_message{
        margin:10px !important; 
        font-size:22px !important;
        text-align:left !important;
    }
    #wh_form .wh_check input{
        width:250px !important;
        font-size:17px !important;
    }
    .article_cat{
        padding:2px 4px;
    }
    #sidebar{
        display:none;
    }
    #bread-area li{
        padding:0;
    }
    img.icon{
        display:inline;
    }
    .jisseki_list input,
    .jisseki_list textarea{
        max-width:260px;
    }
    .wh_us{
        float:none;
        margin:10px auto;
    }
    #ft-btn{
        padding:5px 0px !important;

    }
    #tsb-ttl{
        text-align:left;
    }
    .top-main-message{
        font-size:20px;
        padding:10px;
        width:auto;
        font-weight:bold;
        text-align:left;
    }
    .top-main-message.tmm-white,
    .tmm-sub-white{
	color:#333333;
    }
    .lp-line{
        background:none !important;
        height:auto !Important;
    }
    #m-menu{
        display:block;
        width:60px;
        height:60px;
		z-index:100;
        float:left;
        cursor:pointer;
        position:relative;
        transition:0.3s;
        -moz-transition:0.3s;
        -webkit-transition:0.3s;
    }
    #mm-line:before{
        content:"";
        position:absolute;
        width:30px;
        height:5px;
        background:#333333;
        left:0px;;
        top:-13px;
        transition:0.3s;
        -moz-transition:0.3s;
        -webkit-transition:0.3s;
    }
    #mm-line:after{
        position:absolute;
        content:"";
        width:30px;
        height:5px;
        background:#333333;
        left:0px;;
        top:14px;
        transition:0.3s;
        -moz-transition:0.3s;
        -webkit-transition:0.3s;
    }

    #mm-line{
        position:absolute;
        top:28px;
        width:30px;
        height:5px;
        background:#333333;
        left:17px;

    }
    .mmopen #m-menu{
        background:#CE1D1D;
    }
    .mmopen #mm-line{
        background:transparent;
    }
    .mmopen #mm-line:after{
        transform: rotate(45deg);
        background:#FFFFFF;
        top:0;
    }
    .mmopen #mm-line:before{
        transform: rotate(-45deg);
        background:#FFFFFF;
        top:0;
		left:0px;
    }
    #agree{
        width:250px;
    }
    #top_sum_board{
        height:auto;
    }
    #m-contact{
        display:block;
        width:60px;
        height:60px;
        background-color:#1AAD3B;
        float:right;
    }
    #m-cat{
        position:fixed;
        top:0px;
        left:-400px;
		max-width:300px;
        z-index:10;
        background:rgba(255,255,255,0.97);
        box-shadow:1px 1px 2px rgba(0,0,0,0.5);
        overflow-y:auto;
		height:100%;
    }
	.mmopen #m-cat{
		left:0;
	}
    #m-contact img{
        display:block;
        margin:22px auto;
    }
    #m-cat .cat-ttl{
        font-size:18px;
        padding:10px 10px 10px;

    }
    .wh_messa_txt{
        float:none;
    }
    #ha-menu,
    #ha-contact,
    #wpadminbar{
        display:none;
    }
    #tsb-ttl{
        background-image:none;
        padding:10px;
    }
    #m-menu img{
        margin:0px auto;
        display:block;
    }
    #head-area{
        height:60px;
        background:#FFFFFF;
        box-shadow:0 0 3px rgba(0,0,0,0.3);
    }

    #ha-logo,
    .scl #ha-logo{
        float:left;
        margin:0;
        width:180px;
        text-align:center;
        font-size:12px;
        margin-top:16px;
    }
    #ha-logo img,
    .scl #ha-logo img{
        width:160px;
        height:auto;
    }
    .sb-li{
        display:block;
    }
    .inquery-area{
        padding:10px 5px;
        width:auto;
        width:280px;
        margin:20px auto;
    }
    #single-cont{
	font-size:1.6rem;
	line-height:1.6em;
    }
}


.center{
    width:900px;
    margin:0 auto;
}
.nca:hover{
    text-decoration:none;
}
strong{
    font-weight:bold;
}
.in3{margin:20px auto;}
.in3-in{width:290px;margin-left:10px}
.insol #main-col-wrapper,
.insol #main-inner{
    width:100%;
    min-width:1200px;
}
.inrow01{
    width:750px;
    margin:0 auto;
}
.brow01{
    background:url(/images/2016/05/bakbak2.jpg) repeat top center;
}
.brow02{
    background:#FCFCFC; 
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.imgcntr{
    margin:20px auto 20px;
    display:block;
    max-width:700px;
}
.insol #main-col-cont{
    font-size:16px;
    line-height:1.6em;
    padding:0;
}
.m_button{
    width:200px;
    font-size:12px;
    padding:10px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin:20px auto;
    background:#333333;
    color:#FFFFFF;
    text-align:center;
    cursor:pointer;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;

}
.m_button:hover{
    opacity:0.8;
}
.col_2{
    width:50%;
    float:left;
}
.col_2_30{
    width:30%;
    float:left;
}
.col_2_70{
    width:70%;
    float:left;
}
.col_2_40{
    width:40%;
    float:left;
}
.col_2_60{
    width:60%;
    float:left;
}
.mymesse{
    width:600px;
    margin:20px auto;
}
.mys_img{
    width:100px;
    float:left;
    min-height:100px;
}
.mys_img img{
    width:90px;
    height:auto;
    display:block;
    margin:0 auto;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;

}
.mys_text{
    width:500px;
    float:left;
}
.mys_comm{
    border:5px solid #FAFAFA;
    padding:20px;
    margin:0 20px;
    background:rgba(255,255,255,0.9);
}
.conmesse{
    font-size:33px;
    color:#23BBA8;
    font-weight:bold;
    text-align:center;
    line-height:1.3em;
    margin:30px 0;
}
.insol .p-q{
    margin-top:10px;
    margin-bottom:10px;
    font-size:16px;
}
.insol .p-a{
    margin-bottom:20px;
    background:#FAFAFA;
    text-shadow:-1px -1px 0 rgba(255,255,255,0.9);
    padding:20px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:5px solid #FFF3F3;
    position:relative;
}
.insol .p-a img{
    max-width:100%;
    margin-bottom:10px;
}
.insol .p-a:before{
    content:"";
    border:15px solid #FFF3F3;
    position:absolute;
    border-left-color:transparent;
    border-right-color:transparent;
    border-top-color:transparent;
    top:-30px;
    left:20px;
}
.insol .pa-box{
    margin-bottom:20px;
}
.insol .pa-ttl{
    margin:0px 0px 10px;
    padding:5px 10px;
    font-weight:bold;
    border-bottom:1px solid #EEEEEE;
}
.insol .pa-txt{
    padding:0 20px;
    font-size:14px;
    line-height:1.4em;
}
.insol .pa-link{
    display:block;
    width:200px;
    padding:5px;
    border:1px solid #CCCCCC;
    text-align:center;
    color:#333333;
    font-size:12px;
    background:#FFFFFF url(/images/icon/i-link.png) no-repeat 9px 6px;
    margin:10px auto;
}
.insol .pa-link:hover{
    text-decoration:none !important;
    background:#FAFAFA url(/images/icon/i-link.png) no-repeat 9px 6px;

}

.insol #main-col-inner h2{
    color:#D23939;
    font-size:40px;
    text-align:center;
    margin:0 auto;
    background:transparent;
    padding:30px 10px;
    font-weight:normal;
}
.insol #main-col-inner h3{
    border-bottom:4px solid #CCCCCC;
    font-size:28px;
    position:relative;
}
.insol #main-col-inner h3:before{
    position:absolute;
    content:"";
    bottom:0;
    margin-bottom:-4px;
    width:30%;
    left:0;
    height:4px;
    border-bottom:4px solid #333333;

}
.insol #main-col-inner h4{
    font-weight:bold;
    margin:30px 0 20px;
    padding:10px 20px 10px 40px;
    border-left:10px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}
.wfile{
    padding:20px;
    background:rgba(255,255,255,0.6);
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin:0 0 30px;
    text-shadow:1px 1px 0 rgba(255,255,255,0.9),-1px -1px 0 rgba(255,255,255,0.9);
}
.gfile{
    padding:20px;
    background:rgba(255,255,255,0.6);
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin:0 0 30px;
    text-shadow:1px 1px 0 rgba(255,255,255,0.9),-1px -1px 0 rgba(255,255,255,0.9);
}
.wfile .m_button{
    text-shadow:none;
}
.incline01{
    background:url(/images/2016/05/incline01.png) no-repeat bottom center;
    height:80px;
}
.incline02{
    background:url(/images/2016/05/incline02.png) no-repeat bottom center;
    height:80px;
}
.incline01-b{
    background:url(/images/2016/05/incline01-b.png) no-repeat bottom center;
    height:80px;
}
.incline02-b{
    background:url(/images/2016/05/incline02-b.png) no-repeat bottom center;
    height:80px;
}
.dbox{
    margin:20px 0;
    border:1px solid #EEEEEE;
}
.dttl{
    background:#EEEEEE;
    text-shadow:1px 1px 0 rgba(255,255,255,0.9);
    padding:10px 20px;
}
.dprice{

}
.dprice span{
    font-size:32px;
    font-weight:bold;
}
.dtxt{
    padding:10px 20px;
}

/*表示非表示切り替え*/
.slswch{
    background:#FAFAFA;
    cursor:pointer;
    text-shadow:1px 1px 0 rgba(255,255,255,0.9);
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    border:none !important;
    margin:10px 0 10px !important;
    padding:10px 10px 10px 30px !important;
    background:url(/estimate_o/images/slide_icon_off.png) no-repeat 13px 16px #FAFAFA;
}
.slcont{
    padding:10px;
    border:1px solid #CCCCCC;
    margin:10px 0 20px;
}
.slswch.open{
    background:url(/estimate_o/images/slide_icon_on.png) no-repeat 13px 16px #FAFAFA;
}
.slswch:hover{
    opacity:0.8;
}

/*記事実績バー*/
.works_row{
    position:relative;
    background:#FFFFFF;
}
.wrk-blc{
    width:250px;
    overflow:hidden;
    position:relative;
    border-left:1px solid #EEEEEE;
}
.wrk-img{
    cursor:pointer;
    height:170px !important;
    text-align:center;
}
.wrk-img img{
    margin:0 auto;
    height:100%;
    width:auto;
    z-index:3;
    position: relative;
}
.wrk-img img.imgbk{
    height:auto;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:2;
    filter: blur(5px);
}
.slrow{
    height:170px;
    overflow:hidden;
}
.wrk-up{
    width:100%;
    position:absolute;
    left:-100%;
    height:170px;
    font-size:13px;
    background:rgba(0,0,0,0.6);
    top:0;
    color:#FFFFFF;
    z-index:4;

}
.wrk-blc:hover .wrk-up{
    left:0;
}
.wrk-blc:hover .cc-line{
    left:0;
}
.wrk-blc:hover .cc-icon img{
    height:40px;
    width:40px;
}
.wrk-blc:hover .cc-media{
    right:0;
}
.cc-media{
    color:#FFFFFF;
    z-index:4;
    position:absolute;
    right:100%;
    top:93px;
    padding-right:5px;
    font-size:11px;
    text-align:right;
}
.wrk-tin{
    padding:10px;
    height:90px;
    width:180px;
    width:calc(100% - 30px);
    -moz-width:calc(100% - 30px);
    -webkit-width:calc(100% - 30px);
}
.wrk-btn a{
    color:#FFFFFF;
    margin:15px auto 0;
    display:block;
    width:190px;
    padding:4px;
    text-align:center;
    font-size:11px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #EEEEEE;
}
.wrk-btn a:hover{
    text-decoration:none;
    background:#333333;
}

.cc-icon{
    position:absolute;
    bottom:10px;
    right:10px;
    z-index:5;

}
.cc-icon img{
    width:35px;
    height:35px;
    z-index:5;
}
.cc-line{
    position:absolute;
    left:100%;
    height:5px;
    background:#333333;
    top:90px;
    z-index:4;
    width:100%;
}
.i-b-camera{background:#51a1a2;}
.i-b-micro{background:#f8e352;}
.i-b-pen{background:#d5848b;}
.i-b-tool{background:#7b9ad0;}
.i-b-news{background:rgb(242,101,170);}
.cc-txt{
    position:absolute;
    left:5px;
    top:2px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4),-1px -1px 1px rgba(0,0,0,0.4);
}
.i-b-camera .cc-txt{color:#51a1a2;}
.i-b-micro .cc-txt{color:#f8e352;}
.i-b-pen .cc-txt{color:#d5848b;}
.i-b-tool .cc-txt{color:#7b9ad0;}
.i-b-news .cc-txt{color:rgb(242,101,170);}
.wordposts_list{
    margin:5px 1px 5px;
}

/* web制作サービス/service/web */
.lpb-blc{
    width:1200px;
    margin:0 auto;
}
.lpb-blc1000{
    width:1000px;
    margin:0 auto;
}
.lpb-area{
    position:relative;
    padding:20px 0;
    overflow:hidden;
    font-size:20px;
}
.lbp-inarrow{
    background:#FAFAFA url(/images/icon/i-indown-arrowb.png) no-repeat top 8px center;
    width:100%;
    height:80px;
    background-size:70px;
    margin:30px 0 30px;
}
.lpb-blc strong{
    font-weight:bold;
    color:#B92424;
}
.web-plan-area strong{
    background:#fffdcb;
    font-weight:normal;
    color:#D93F3F;
    
}
.lpb-area h2{
    font-size:34px;
    text-align:center;
    padding:10px 20px 20px;
    font-weight:bold;
}
.lpb-area h2 strong{
    color:#D93F3F;
    font-size:40px;
    background: linear-gradient(transparent 60%, #ffff9e 60%);
}
.lpb-area .tbw-row{
    margin-bottom:30px;
}
/*吹き出し*/

.comme-img-area{
    width:200px;
    text-align:center;
    font-size:12px;
    color:#666666;
}
.comme-img-area img{
    display:block;
    width:100px;
    margin:10px auto;
    border-radius:200px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
}
.comme-area{
    width:800px;
}
.comme{
    margin:10px 20px;
    position:relative;
    padding:20px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background:#F0F0F0;
    line-height:1.4em;
    font-size:16px;
}
.comme strong{
    color:#D93F3F;
    font-size:110%;
    background: linear-gradient(transparent 60%, #ffff9e 60%);
}
.comme:after{
    border:10px #F0F0F0 solid;
    border-left-color:transparent;
    border-top-color:transparent;
    border-bottom-color:transparent;
    position:absolute;
    left:-20px;
    top:20px;
    content:"";
}
/*メッセージ*/
.wpa-messe{
    text-align:center;
    font-size:44px;
    font-weight:bold;
    line-height:1.3em;
    margin:60px auto;
}
.wpa-messe.inflm{
    
}
.wpa-messeblc{
    width:1200px;
    margin:0 auto;
}
.wpa-lft{
    width:660px;
    min-height:10px;
}
.wpa-lft img{
    width:250px;
    margin:0px auto 20px;
    display:block;
    border-radius:200px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
}
.wpa-t-area{
    width:300px;
    margin:0 auto;
}
.wpa-lttl-sub{
    font-size:11px;
    margin:4px 10px;
}
.wpa-lttl{
    font-size:22px;
    padding:5px 10px;
    font-weight:bold;
    text-align:center;
    border-bottom:1px solid #CCCCCC;
}
.wpa-ppb-area{
    font-weight:bold;
}
.wpa-lttl span{
    font-weight:normal;
    font-size:11px;
    color:#555555;
    margin-left:20px;
}
.wpa-ltxt{
    font-size:14px;
    padding:10px;
}
.wpa-ppb-area{
    margin:0 auto;
    text-align:center;
    font-weight:bold;
    position:relative;
}
.wpa-ppb{
   height:200px;
   margin:0px auto 20px;
   width:150px;
}
.wpa-ppb-area .scsw{
    opacity:0;
    transition:0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
}
.wpa-ppb-area .scsw.inflm{
    opacity:1.0;
}
.wpa-ppb{
    position:absolute;
}
.ppb01{top:50px;left:100px;}
.ppb02{top:220px;left:270px;}
.ppb03{top:390px;left:440px;}
.wpa-ppb-t{
   z-index:1;
   top:0;
   left:0;
   font-size:24px;
   position:absolute;
   display:table-cell;
   text-align:center;
   color:#FFFFFF;
   text-shadow:1px 1px 4px rgba(0,0,0,0.6);
   margin-top:90px;
   
   width:200px;
}
.wpa-ppb img{
    width:200px;
    border-radius:200px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
}
.wpa-rght{
    width:500px;
}
.wpa-messe-in{
    font-size:16px;
    padding:20px;
}
/*特徴*/
.wsp-ttl{
    font-size:18px;
    text-align:center;
    font-weight:bold;
    padding:10px 10px;
    border-bottom:1px solid #CCCCCC;
}
.wsp-img{
    position:relative;
    height:220px;
    margin:10px 0;
}
.wsp-img img{
    width:150px;
    height:150px;
    display:block;
    margin:50px auto 20px;
    border-radius:200px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
    transition:2.0s;
    -moz-transition:2.0s;
    -webkit-transition:2.0s;
}
.wsp-img.scsw img{
    opacity:0;
}
.wsp-img.scsw.inflm img{
    opacity:1.0;
}
.tbw-row.scsw{
    opacity:0;
    transition:1.4s;
    -moz-transition:1.4s;
    -webkit-transition:1.4s;
    position:relative;
}
.tbw-row.scsw.inflm{
    opacity:1.0;
}
.tbw-row.scsw .tbw-l{
    transition:1.4s;
    -moz-transition:1.4s;
    -webkit-transition:1.4s;
}
.tbw-row.scsw .tbw01{position:absolute;left:100%;}
.tbw-row.scsw.inflm .tbw01{position:relative;left:0;}
.tbw-row.scsw .tbw02{position:absolute;right:100%;}
.tbw-row.scsw.inflm .tbw02{position:relative;right:0;}
.tbw-row.scsw .tbw03{position:absolute;left:100%;}
.tbw-row.scsw.inflm .tbw03{position:relative;left:0;}
.tbw-row.scsw .tbw04{position:absolute;right:100%;}
.tbw-row.scsw.inflm .tbw04{position:relative;right:0;}

.wsp-list{
    width:1110px;
    margin:0 auto;
    
}
.wsp-list li{
    width:330px;
    float:left;
    margin:10px 10px;
    padding:10px;
}
.wsp-txt{
    padding:20px;
    font-size:14px;
    min-height:130px;
}
/*プランメニューブロック*/


/*会社概要（/company）*/
.cpny-messe .fltlft,
.cpny-messe .wpa-t-area{
    width:250px;
}
.cpny-messe .wpa-ltxt p{
    font-size:13px;
}
.cpny-messe .fltlft img{
    width:150px;
    display:block;
    margin:10px auto;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
}
.cpny-messe .fltrght{
    width:400px;
}
/*web個別説明*/
.pblc:before{
    background-repeat:no-repeat;
    background-position:top center;
    padding:10px 0;
    position:relative;
}
.pblc:before {
  content: "";
  z-index: -1;
  -webkit-filter: blur(34px);
  -ms-filter: blur(34px);
  filter: blur(34px);
  position: absolute;
  width: 1920px;
  height: 500px;
  margin: 0;
  padding: 0;
  top:0;
  left:0;
  transition:1.3s;
  -moz-transition:1.3s;
  -webkit-transition:1.3s;
}
.pblc.inflm:before{
   -webkit-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px); 
  background-size:100%;
}
.pblc01:before{background-image:url(/images/2016/08/wpa-blc001.jpg);}
.pblc02:before{background-image:url(/images/2016/08/wpa-blc002.jpg);}
.pblc03:before{background-image:url(/images/2016/08/wpa-blc005.jpg);}
.pblc04:before{background-image:url(/images/2016/08/wpa-blc004.jpg);}
.pblc05:before{background-image:url(/images/2016/08/wpa-blc007.jpg);}
.pblc06:before{background-image:url(/images/2016/08/wpa-blc006.jpg);}


/*リスト形式*/
.wpc-llist{
    padding:10px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin-bottom:10px;
    box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
.wpc-llist .ttl{
    font-size:16px;
    font-weight:bold;
    padding:5px 10px;
    margin-bottom:10px;
}
.wpc-llist .ttl span{
    font-size:11px;
    font-weight:normal;
    margin-left:20px;
}
.wpc-inlist li{
    font-size:14px;
    padding:1px 10px 0px 27px;
    background-repeat:no-repeat;
    background-position:4px 4px;
    background-size:14px;
}

/*パターン1*/
.wpc-l01{
    background:#ffe7e6;
}
.wpc-llist.wpc-l01 .ttl{
    color:#c15f68;
    border-bottom:1px solid #f3b4ba;
}
.wpc-l01 .wpc-inlist li{
    background-image:url(/images/icon/i-chk001.png);
}
/*パターン2*/
.wpc-l02{
    background:#e3f7ff;
}
.wpc-llist.wpc-l02 .ttl{
    color:#6383bb;
    border-bottom:1px solid #afc6ef;
}
.wpc-l02 .wpc-inlist li{
    background-image:url(/images/icon/i-chk004.png);
}
/*パターン3*/
.wpc-l03{
    background:#f7e5ff;
}
.wpc-llist.wpc-l03 .ttl{
    color:#6c4d79;
    border-bottom:1px solid #d0b8dc;
}
.wpc-l03 .wpc-inlist li{
    background-image:url(/images/icon/i-chk005.png);
}



.hkk-link{
    padding:0px 20px;
    font-size:13px;
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
}
.hkk-link a{
    width:200px;
    padding:2px 10px;
    text-align:center;
    background:#333333;
    color:#FFFFFF;
    text-shadow:none;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    position:relative;
    display:block;
    margin:5px auto;
    
}
.hkk-link a:hover{
    text-decoration:none;
    opacity:0.7;
}
.hkk-link a:after{
    content:'';
    position:absolute;
    border:8px solid #FFFFFF;
    bottom:0px;
    left:10px;
    border-right-color:transparent;
    border-left-color:transparent;
    border-bottom-color:transparent;
}

.wpc-gw{
    width:500px;
    padding:20px;
    background:rgba(255,255,255,0.98);
    margin:0 auto;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
/*比較表*/
.hikaku-tbl{
    border:1px solid #CCCCCC;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
    margin:10px auto;
    font-size:12px;
    text-shadow:1px 1px 1px rgba(255,255,255,0.4);
}
.hikaku-tbl .fblc{
    border:1px solid #CCCCCC;
}
.hikaku-tbl th,
.hikaku-tbl td{
    padding:5px 5px;
    border:1px solid #CCCCCC;
    width:120px;
    vertical-align:middle;
    position:relative;
}
.hikaku-tbl th .tb-chp{
    display:none;
    position:absolute;
    top:100%;
    padding:20px;
    background:rgba(0,0,0,0.9);
    color:#FFFFFF;
    text-shadow:none;
    left:157px;
    z-index:10;
    width:auto;
    min-width:400px;
    max-width:500px;
    box-shadow:1px 1px 2px rgba(0,0,0,0.6);
    text-align:left;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    font-weight:normal;
}
.hikaku-tbl th .tb-chp:after{
    content: "";
    position: absolute;
    border: rgba(0,0,0,0.9) solid 20px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -19px;
    left: -4px;
    transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
}
.hikaku-ex{
    padding:5px 10px;
    font-size:15px;
    color:#26b99a;
}
.hikaku-ex img{
    vertical-align:middle;
    margin:0 10px 0 0;
}
.hikaku-tbl th:hover .tb-chp{
    display:block;
}
.hikaku-tbl .txlft td{
    text-align:left;
    line-height:1.4em;
}
.hikaku-tbl li{
    list-style:inside circle;
    margin:0.5em 0 0.5em;
}
.hikaku-tbl .h-tbl-top th{
    background:#333333;
    color:#FFFFFF;
    font-size:14px;
    padding:20px 10px;
    text-shadow:none;
}
.hikaku-tbl small{
    margin:0 3px;
}
.hikaku-tbl .bl{
    border-bottom:2px solid #CCCCCC;
}
.hikaku-tbl th,
.incol{
    background-color:#fff0e7;
}
.t-chp{
    background-image:url(/images/icon/i-comment40.png);
    background-position:3px 3px;
    background-repeat:no-repeat;
    background-size:17px;
}
.hikaku-tbl th.t-chp{
    padding-left:33px;
}
.hikaku-tbl .nm td,
.h-tbl-top th{
    border-left:4px solid #CCCCCC;
}
.hikaku-tbl .incol{
    text-align:center;
    font-weight:bold;
}
.tdcntr td{text-align:center;}
.wtb-lft{
    width:850px;
}
.hikaku-tbl tr.nm:hover{
    background:#fff0e7;
}
.hikaku-tbl tr.nm:hover .incol{
    background:inherit;
}
.wtbl-rght{
    width:350px;
}
.wtbl-scr{
    margin-left:20px;
    overflow:auto;
    font-size:14px;
    padding:20px;
}

.wtbl-scr h3{
    font-size:15px;
    font-weight:bold;
    padding:5px 10px;
    background:#EEEEEE;
    text-shadow:1px 1px 0 rgba(255,255,255,0.8),-1px -1px 0 rgba(255,255,255,0.8);
    position:relative;
    margin-bottom:20px;
}
.wtbl-scr h3:after{
    content:"";
    border:#EEEEEE solid 10px;
    position:absolute;
    bottom:-19px;
    left:122px;
    border-left-color:transparent;
    border-bottom-color:transparent;
    border-right-color:transparent;

}
.wtbl-img img{
    width:100px;
    height:100px;
    border-radius:100px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    display:block;
    margin:10px auto;
}
/*制作の流れ*/
.cfw-blc{
    width:1100px;
    margin:20px auto;
    box-shadow:1px 1px 2px rgba(0,0,0,0.8);
    position:relative;
    overflow:hidden;
}
.cfw-ttl-area{
    background:rgba(244,244,244,0.9);
    width:699px;
}
.cfw-flw{
    background:rgba(255,255,255,0.90);
}
.cfw-step{
    font-size:10px;
    color:#FFFFFF;
    background:#d5848b;
    width:100px;
    padding:10px 10px;
    text-align:center;
    border-radius:0 0 4px 0;
    -moz-border-radius:0 0 4px 0;
    -webkit-border-radius:0 0 4px 0;
}

.cfw-ttl{
    font-size:33px;
    padding:20px 20px 20px 200px;
    font-weight:bold;
    text-shadow:1px 1px 0 rgba(255,255,255,0.8);
}
.cfw-img{
    position:absolute;
    left:0;
    top:0;
    width:300px;
    min-height:100px;
   z-index:-10;
   width:100%;
}
.cfw-img img{
    width:100%;
}
.cfw-txt-area{
    width:400px;
    min-height:250px;
    margin-left:299px;
    margin-right:1px;
    margin-bottom:1px;
    margin-top:1px;
    background:rgba(255,255,255,0.95);
}
.cfw-txt{
    padding:0 20px 20px;
}
.cfw-copy{
    font-size:20px;
    font-weight:bold;
    padding:20px;
    text-align:center;
}

.cfw-doc{
    background-color:rgba(255,255,255,0.8);
    min-height:250px;
    margin-top:1px;
    width:400px;
    background-image:url(/images/icon/i-paper.png);
    background-repeat:no-repeat;
    background-position:20px 20px;
}
.cfw-doc ul{
    margin:20px 20px 20px 80px;
    padding:10px;
    font-size:13px;
    background:#fff4dd;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.cfw-doc li{
    list-style:circle outside;
    margin:2px 0 2px 20px;
}
.cft-flw-chip{
    float:left;
    padding:5px 20px 5px 20px;
    font-size:12px;
    background-size:18px;
    color:#777777;
}
.cft-flw-chip.now{
    background:#333333;
    color:#FFFFFF;
    position:relative;
}
.cft-flw-chip.now:after{
    content:"";
    border:#333333 10px solid;
    position:absolute;
    bottom:-20px;
    left:20px;
    border-left-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
}
.cft-flw-chip:hover{
    background:#333333;
    color:#FFFFFF;
}
.cft-flw-chip-a{
    float:left;
    width:40px;
    height:30px;
    background:url(/images/icon/i-right-arrow001.png) no-repeat right 11px top 7px;
    background-size:18px;
    opacity:0.8;
}

.darow01{
    background-image:url(/images/icon/downarrow-c01.png);
    background-repeat:no-repeat;
    background-position:top center;
    width:100px;
    height:100px;
    margin:0 auto;
}
.darow01.darow02{
    background-image:url(/images/icon/downarrow-c02.png);
}

/*qaタブエリア*/
.tbsw{
    float:left;
    padding:10px 20px;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    margin-right:10px;
 border-bottom:2px solid transparent;
    z-index:-1;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    cursor:pointer;
    opacity:0.6;
}
.tbsw:hover{
    background:#F0F0F0;
    
}
.tbswch-area{
    bottom:-1px;
    position:relative;
}
.tbsw.now{
       border-bottom:2px solid #FFFFFF;
       opacity:1.0;
       box-shadow:none;
}
.tbcnt{
    display:none;
}
.tbcnt.now{
    display:block;
}
.tbcnt-area{
    border:1px solid #CCCCCC;
    padding:20px;
    top:-1px;
}

.q-a-area .a-s{
    width:460px;
    padding:5px 10px 5px 33px;
    float:left;
    background:url(/images/icon/i-q-icon.png) no-repeat 6px 5px;
    background-size:19px;
    border-bottom:1px solid #CCCCCC;
}
.q-a-area .a-c{
    padding:5px 5px 5px 33px;
    background:url(/images/icon/i-a-icon.png) no-repeat 6px 5px;
    background-size:19px;
}

#scnum-area{
    border:1px solid #CCCCCC;
}
#scnum{
    text-align:center;
    padding:10px;
    font-size:22px;
    font-weight:bold;
}
#scnum-line{
    font-size:12px;
    color:#666666;
    text-align:center;
    padding:20px;
}
#scnum-messe{
    text-align:center;
    font-size:11px;
    color:#666666;
}
#scnum01{
    margin:10px;
    background:#305796;
    color:#FFFFFF;
    padding:10px 10px;
    text-align:center;
    font-weight:bold;
}
#scnum02{
    margin:10px;
    background:#b13939;
    color:#FFFFFF;
    padding:10px 10px;
    text-align:center;
    display:none;
    font-weight:bold;
}
#scnum02{
    display:none;
}
.inflm2 #scnum01{
    display:none;
}
.inflm2 #scnum02{
    display:block;
}
#scnum{
    color:#305796;
}
#scnum-c{
    margin-left:20px;
}
.inflm2 #scnum{
    color:#b13939;
}

@media screen and (max-width: 820px) {
    .col_2,
    .col_2_30,
    .col_2_70,
    .col_2_40,
    .col_2_60,
    .inrow01,
    .insol #main-col-wrapper,
    .wfile,
    .inrow01,
    .insol #main-inner,
    .lpb-blc{
        min-width:0px;
        width:100%;
        float:none;
    }
    .wfile{
        box-shadow:none;
        padding:20px 5px;

    }
    .mymesse,
    .mys_img,
    .mys_text{
        float:none;
        width:auto;
    }
    #main-col-wrapper .blink img{
        display:block;
        width:620px;
        max-width:none;
    }
}




.disnone{
    display:none;
}

.w400{
    width:400px !important;
}
.w300{
    width:300px !important;
}
.w150{
    width:150px !important;
}
.w100{
    width:100px !important;
}
.w80{
    width:80px !important;
}
.w50{
    width:50px !important;
}

.m_h100{
    min-height:100px !important;
}
.m_h20{
    min-height:30px !important;
}
.txt_rght{
    text-align:right !important;
}
.txt_lft{
    text-align:left !important;
}
.txt_cntr{
    text-align:center !important;
}
.w_min100{
    min-width:100px !important;
}

.mitsumori{
    margin:30px auto;
    width:620px;
}
.icon{
    margin:0 5px;
    vertical-align:top;
}
.word_input{
    margin:5px 0;
    border:1px solid #AAAAAA;
    resize:vertical;
    padding:5px 10px;
    font-size:14px;
}
.word_input:hover{
    border:1px solid #777777;
}
.word_input:focus{
    border:1px solid #777777;
    box-shadow:inset 1px 1px 4px rgba(0,0,0,0.4);
}
.txt_input{
    margin:5px 0;
    border:1px solid #AAAAAA;
    padding:5px 10px;
    font-size:14px;
}
.txt_input:hover{
    border:1px solid #777777;
}
.txt_input:focus{
    border:1px solid #777777;
    box-shadow:inset 1px 1px 4px rgba(0,0,0,0.4);
}


.slide_area_button{
    color:#444444;
    cursor:pointer;
    font-weight:bold !important;
    font-size:15px;
}
.slide_area{
    border-left:2px #FFBABA dotted;
    padding:5px 15px;
    margin:5px 5px 15px;
}
.slide_area b{
    color:#B30F0F;
}
.slide_area{
    border-top:#FFBABA solid 2px;
    position:relative;
}
.slide_area:after{
    position:absolute;
    border:#FFBABA 10px solid;
    content:"";
    border-left-color:transparent;
    border-right-color:transparent;
    border-top-color:transparent;
    left:30px;
    top:-20px;
}
.exm_word{
    border:1px solid #CCCCCC;
    padding:5px 10px;
    background:#EEEEEE;
    margin:10px;
    width:150px;
}
.ad_comment{
    margin:5px;
    color:#666666;
    font-size:14px;
}

.button_area{
    width:100%;
}
.btn_start{
    margin:10px auto;
    font-size:18px;
    color:#FFFFFF;
    padding:15px 20px;
    border:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    cursor:pointer;
    text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
    font-weight:bold;
}
.btn_red{
    background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #cc0000 0%, #af100a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#af100a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cc0000 0%,#af100a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cc0000 0%,#af100a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cc0000 0%,#af100a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cc0000 0%,#af100a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#af100a',GradientType=0 ); /* IE6-9 */

}
.btn_red:hover{
    background: #c40000; /* Old browsers */
    background: -moz-linear-gradient(top,  #c40000 0%, #ad2f2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c40000), color-stop(100%,#ad2f2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c40000 0%,#ad2f2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c40000 0%,#ad2f2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c40000 0%,#ad2f2b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c40000 0%,#ad2f2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40000', endColorstr='#ad2f2b',GradientType=0 ); /* IE6-9 */

}
.btn_grey{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    border:1px solid #CCCCCC;
    color:#000000;
    text-shadow:none;
}
.btn_grey:hover{
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top,  #eaeaea 0%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eaeaea 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eaeaea 0%,#d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eaeaea 0%,#d6d6d6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eaeaea 0%,#d6d6d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */


}
.btn_start.small{
    font-size:14px;
    padding:5px 10px;
}
.kekka_area{
    margin:50px auto;
}
.kekka{
    margin:5px 0;
    width:620px;
    font-size:13px;
    border-collapse:collapse;
}
.kekka th.txt_lft,.kekka .txt_lft{
    text-align:left;
}
.kekka.txt_lft th,.kekka.txt_lft td{
    text-align:left;
}
.kekka th,.kekka td{
    border:1px solid #CCCCCC;
    text-align:center;
    vertical-align:middle;
    padding:8px 10px;
}
.kekka th{
    font-size:14px;
    font-weight:bold;
    background:#FEFEFE;
    box-shadow:inset 0 0 200px rgba(0,0,0,0.1);

}
.kekka td{
}
.kekka input{
    border:1px solid #888888;
}
.kekka .value{
    min-width:200px;
}
.kekka .check{
    min-width:30px;
}
.txt_maxa{
    background:#333333 !important;
    color:#FFFFFF !important;
    border:3px solid #333333 !important;
}
.txt_max{
    font-size:150%;
    font-weight:bold;
    border:3px solid #333333 !important;
    padding:15px 5px !important;
}
.txt_light{
    color:#0367B9;
    font-weight:normal;
}
.txt_light:hover{
    text-decoration:underline;
}
.txt_small{
    font-size:80%;
}
.txt_red{
    color:#FF0066;
}
.mitsumori h2{
    font-size:22px;
    line-height:1.4em;
    text-align:left;
    font-weght:bold;
}
.mitsumori h3{
    margin:20px 0 0;
}
.mitsumori h4{
    margin:10px 0;
}
.mitsumori em{
    font-weight:bold;
    font-size:120%;
}
.service_side_block{
    border:5px solid #FFD16E;
    padding:5px;
}
.in_m{
    font-size:14px;
    padding:2px 5px;
}
.in_m p{
    font-size:13px;
}
.in_m img{
    margin:0 5px;
}

/*========================
お問合わせボックス
========================*/
#page_box_contact{padding-top:20px; margin-bottom:30px;}
#page_box_contact div{
    width:298px; height:102px;
    padding:23px 0;
    text-align:center; vertical-align:middle;
    background-color:#f3f3f3; border:1px solid #eaeaea;
}
#page_box_contact a{
    display:block;
    width:250px;
    margin:8px auto 0; padding:5px 0;
    color:#fff; background-color:#bf4743;
    position:relative;
}
#page_box_contact a:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    text-decoration:none;
}
#page_box_contact a span{position:absolute; right:15px;}

h1.cat_h1{
    font-size:30px;
}

/*========================
ページビジュアル
========================*/
#pageVisual{
    background-color:#313131;
    padding:15px; margin-bottom:20px;
}
#pageVisual ul li{
    display:inline-block;
}
#pageVisual ul li a{
    width:270px;
    display:block;
    margin-right:20px; padding:12px 10px; margin-top:20px;
    text-align:center;
    background-color:#fff; color:#000;
    position:relative;
}
#pageVisual ul li a:hover{text-decoration:none; background-color:#f3f3f3;}
#pageVisual ul li a.last-child{margin-right:0;}
#pageVisual ul li span{position:absolute; margin-top:5px; right:10px;}

/*求人一覧ボックス*/
.grey_box{
    padding:25px;
    background-color:#eaeaea; border:1px solid #e5e5e5;
}
#recruit_mainbox.grey_box{padding:10px;}
#recruit_mainbox .floatRight{width:300px;font-size:12px;}
.grey_box h3{
    border-left:3px solid #000;
    color:#000; font-size:1.2em;
    padding-left:10px; margin-bottom:20px;
}
.grey_box li a,
.regist_button a{
    display:block;
    width:272px;
    padding:10px 0;
    text-align:center;
    color:#fff; background-color:#b73c38; border:1px solid #dcdcdc;
    position:relative;
}
.regist_button a{margin:30px auto;}
.grey_box li a:hover,
.regist_button a:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    text-decoration:none;
}
.grey_box li a span,
.regist_button a span{
    position:absolute; right:15px;
}

/*求人タイトル*/
#recruitTitle{
    width:588px; height:56px;
    background:url(../information/images/header_recruit_info.png) no-repeat 0 0;
    font-size:24px; font-weight:700; line-height:1.6em;
    padding:44px 0 0 32px;
}

/*サムネール付きリスト*/
.thumbnail_list a{display:block; position:relative; margin:0 10px 15px; padding-bottom:15px; border-bottom:1px solid #dcdcdc;}
.thumbnail_list span{position:absolute; top:50%; right:0; margin-top:-5px;}
.thumbnail_list .floatLeft{width:140px;}
.thumbnail_list .floatRight{width:460px;}
.thumbnail_list img{border:1px solid #dcdcdc;}
.thumbnail_list h3{font-size:16px; padding-top:15px; padding-bottom:5px;}
.thumbnail_list p{color:#505050;}

/*スタッフ紹介ブロック*/
.staff_block{
    border:5px solid #eaeaea;
    padding:20px; margin-bottom:20px;
}
.staff_block .floatLeft{width:276px; margin-right:20px;}
.staff_block h4{font-size:18px; font-weight:700; padding-bottom:5px;}
.staff_block dl{padding-top:20px;}
.staff_block dt{
    padding-left:21px; padding-bottom:10px;
    background:url(../staff/images/icn_q.png) no-repeat 0 2px;
}
.staff_block dd{
    padding-left:21px;
    background:url(../staff/images/icn_a.png) no-repeat 0 4px;
    line-height:1.6em;
}
.staff_block .floatRight p a{
    display:block;
    width:272px;
    padding:10px 0;
    text-align:center;
    color:#fff; background-color:#000; border:1px solid #dcdcdc;
    position:relative;
}
.staff_block .floatRight p a:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    text-decoration:none;
}
.staff_block .floatRight p a span{
    position:absolute; right:15px;
}

/*フォークラスの人々タイトル*/
#staffTitle{
    width:588px; height:56px;
    background:url(../staff/images/header_staff_interview.png) no-repeat 0 0;
    font-size:24px; font-weight:700; line-height:1.6em;
    padding:44px 0 0 32px;
}

.question{
    border-bottom:1px solid #dcdcdc;
    padding-left:21px; padding-bottom:10px; margin-bottom:10px;
    font-size:14px; font-weight:700;
    background:url(../staff/images/icn_q.png) no-repeat 0 0;
}
.answer{
    padding-left:21px; padding-bottom:30px;
    background:url(../staff/images/icn_a.png) no-repeat 0 5px;
}
.interview_pic{width:297px; background-color:#fff;}

/*サイドナビ*/
#contentsNavi ul li a,
#contentsNavi ul li span{padding-left:42px;}
#contentsNavi ul li span{padding-left:14px;}
#contentsNavi ul li.interviewer a{padding-left:42px;}
#contentsNavi ul li.arrow_icon a{padding-left:28px;}

.caution {
    color: #ff0000;
    font-weight: bold;
}
/*追加*/
.setsujitsu{
    font-size:40px;
    line-height:1.4em;
    text-align:center;
}
.rec{
    margin:30px auto;
    width:900px;
    border:1px solid #CCCCCC;
    background:#FFFFFF;
    border-collapse:collapse;
}
.rec th,.rec td{
    padding:10px 20px;
    vertical-align:middle;
    border:1px solid #CCCCCC;
    border-collapse:collapse;
}
.rec th{
    background:#F9F9F9;
}
.stst{
    border:1px dotted #FFF5F5;
    background:#FFF7F7;
    width:490px;
    padding:10px 20px;
    margin:8px 10px 30px 50px;
    font-size:13px;
}
.apeal{
    font-size:20px;
    margin-top:20px;
}
.a_button{
    width:300px;
    display:block;
    margin:50px auto;
}
/*リクルートページ*/
.fst_message{
    font-size:30px;
    text-align:center;
    line-height:1.3em;
    margin:30px;
    color:#2AAD51;
}
.recruit_title{
    background:url(/images/recruit_title.jpg) no-repeat top center;
}
.rc_tbl{
    margin:10px auto;
    font-size:13px;
    color:#333333;
    border-collapse:collapse;
}
.rc_tbl th,.rc_tbl td{
    padding:10px;
    border-collapse:collapse;
    border:1px solid #CCCCCC;
    line-height:1.4em;
}
.rc_tbl th{
    background:#FAFAFA;
    text-align:left;
}
.rc_tbl strong{
    color:#C4398A;
    font-weight:bold;
}
.job_ttl{
font-size:24px;
font-weight:bold;
padding:10px 20px;
margin:20px 0 10px;

border-bottom: solid 3px #cce4ff;
position: relative;
}

.job_ttl:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}

.job_cont{
    font-size:16px;
}
.job_cont h4{
    background:#333333;
    color:#FFFFFF;
    font-size:19px;
    font-weight:bold;
    padding-left:20px;
    padding:10px 10px 8px 20px;
    margin:20px 0 10px;
}
.job_cont div{
    margin:20px 20px;
    padding:20px;
    border:1px solid #EEEEEE;
    background:#FAFAFA;
}
.job_cont li{
    margin:10px 30px;
    list-style: circle;
    list-style-position: outside;
    line-height:1.3em;
}
.cntct_blc{
    margin:40px 20px;
    font-size:24px;
    font-weight:bold;
    line-height:1.4em;
    border:9px solid #89B1F5;
    padding:20px;
    text-align:center;
    line-height:1.3em;
}
.cnts{
    margin-top:30px;
    width:350px;
    font-size:22px;
    font-weight:normal;
    text-align:left;
}
.cnts_img{
    margin-right:30px;
    width:100px;
    font-size:14px;
}
.cnts th,.cnts td{
    padding:10px;
}
.cn_bt{
    text-align:center;
    display:block;
    font-size:15px;
    padding:5px 10px;
    width:200px;
    margin:20px auto;
    border:1px solid #AAAAAA;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.cn_bt:hover{
    background:#333333;
    color:#FFFFFF;
    text-decoration:none;
}
.title_top_list h3{
    color:#CFCFCF;
}
.top_new_cat h2{
    background:#444444;
}
.osusume-top h2{
    border-left:10px solid #444444;
}
#gnavi_bg{
    border-bottom:9px solid #CFCFCF;
}
#head_line,.s_tbd_main h2{
    border-bottom:1px solid #CFCFCF;
}
.s_tbd_main h3{
    border-left:10px solid #CFCFCF;
}
.s_tbd_main strong{
    color:#444444;
}
.articlle_end_author,.top_pt_img:after{
    border-color:#CFCFCF;
}
.articlle_end_author:before{
    border-bottom-color:#CFCFCF;
}
.bottom_to_profile a{
    background:#444444;

}
.bottom_to_profile a:hover{
    background:#444444;
    opacity:0.8;
}
.side_writer_pickup h2{
    border-left:#CFCFCF 6px solid;
}
#main_content_back,#main_content_back2,.top_pt_img_area:after,.flthov_left{
    background-color:#CFCFCF;
}
#gnavi_home{
    background-color:#CFCFCF;
}
.s_writer_box:hover{
    border-color:#CFCFCF;
}
.mbm{
    max-width:600px;
    margin:20px auto 40px;
}



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

    html,
    #sheader-wrapper,
    #sheader-info,
    #sheader-logo,
    #sheader-access,
    #container,
    .social_lista,
    .lftcol,
    #s_column,
    .rghtcol
    #head_social_areab,
    #footerIn,
    .footer_navi,
    #copyright,
    #sheader-area,
    .rc_tbl,
    #head_social_areab,
    .job_cont div,
    .cntct_blc,
    #main,
    .cnts,
    .cnts_img,
    .cpny-messe .fltlft,
    .cpny-messe .fltrght,
    .tbl,
    .t-cont,
    .t-ttl{
        margin:0 !important;
        padding:0 !important;
        width:100% !important;
        float:none !important;
        min-width:0px !important;
        display:block !important;
        height:auto;
        min-height:0px;
    }
    html{
        margin-top:40px !important;
    }
    .rghtcol{
        float:none;
        margin:0 auto;
    }
    .cnts table{
        display:block;
        margin:10px auto;
        width:290px;
    }
    #sheader-area{
        position:relative;
    }
    #page_top_btn,
    #sheader-access,
    .social_lista{
        display:none !important;
    }
    .cn_bt{
        width:260px !important;
        font-size:20px !important;
        margin:10px auto !important;
    }
    .cn_bt span{
        font-size:14px !important;
    }
    .rc_tbl iframe{
        width:100% !important;
    }
    #sheader-area img{
        width:160px;
        margin: 10px auto;
        display:block;
    }
    #sgnavi,
    #sgnavi li,
    #sgnavi a{
        background:#FFFFFF;
        color:#333333;
        text-shadow:none;
        margin:0;
        padding:0;
        display:block;
    }
    .cnts{
        width:270px;
    }

    .mbm{
        font-size:15px !important;
        line-height:1.3em !important;
    }
    .job_cont div{
        border:none;
        background:none;
    }
    .job_ttl{
        font-size:20px !important;
        line-height:1.4em !important;
    }
    .contsc{
        padding:10px;
    }
    .cntct_blc{
        border:none;
    }
    .tllist{
        font-size:16px;
        float:none;
    }
    .cnts_img img{
        display:block;
        margin:10px auto;
    }
    .cntct_blc{
        font-size:20px;
    }
    .contsc h3{
        line-height:1.3em !important;
    }
    #footer_button{
        display:block;
        position:fixed;
        bottom:0;
        background:#AE3A3A;
        color:#FFFFFF;
        text-align:center;
        width:100%;
    }
    .footer_button_link{
        color:#FFFFFF;
        width:100%;
        padding:10px 5px;
        display:block;
        font-size:15px;
        font-weight:bold;
    }
    .footer_button_link span{
        font-size:11px;
        font-weight:normal;
    }
    /*（共通）テーブル*/
    .t-ttl{
        padding:10px !important;
        margin-top:30px !important;
        font-weight:bold;
        width:auto !important;
    }
    .t-cont{
        padding:10px !important;
        border:none;
        width:auto !important;
    }
    .wordposts_list{
        margin:10px auto;
    }
}

#wh_form{
    margin:20px auto;
    padding:20px;
    background:#F4F4F4;
    border:1px solid #EEEEEE;
    line-height:1.3em;
    font-size:14px;
}
#wh_form .error{
    background:yellow;
}
#wh_form strong{
    font-weight:bold;
}
#wh_form h2{
    font-size:32px;
    margin:20px 0 30px 0;
    font-weight:bold;
    text-align:center;
    line-height:1.3em;
}
#wh_form p{
    margin:10px 0;
}
.wh_cntr{

    margin:0 auto;
}
.wh_messa{
    margin:20px 0px;
    padding:20px;
    background:#FAFAFA;
    border:1px solid #EEEEEE;
}
.wh_messa_txt{
    width:310px;
}
.wh_us{
    text-align:center;
    width:140px;
    font-size:12px;
}
.wh_us img{
    margin-bottom:10px;
}
.wh_q_ttl{
    font-size:20px;
    font-weight:bold;
    margin-top:40px;
    line-height:1.3em;
}
.wh_q_ttl span{
    font-weight:normal;
    color:#C94747;
    font-size:13px;
    margin-left:10px;
    background:#FFEE00;
}
.wh_q_sub{
    font-size:13px;
    color:#777777;
    margin:5px 0 5px;
}
#wh_form input{
    padding:3px;
}
.radio_box label{
    display:block;
    margin:3px;
    color:#2E8F2F;
    cursor:pointer;
    margin-left:10px;
    padding:5px 3px;
}
.radio_box label:hover{
    background:#FAFAFA;
}
.radio_box label input{
    margin-right:5px;
}
.col_box label{
    float:left;
    width:150px;
}
textarea{
    padding:3px;
}
#wh_form .wh_check input{
    width:300px;
    margin:10px auto 100px;
    padding:14px 20px 10px;
    text-align:center;
    display:block;
    font-size:22px;
    font-weight:bold;
    text-shadow:-1px -1px 0px rgba(0,0,0,0.4);
    background:#FF8000;
    color:#FFFFFF;
    border:none;
}
.jisseki_list input{
    margin:3px 0;
}
@media screen and (max-width: 480px) {
    #wh_form{
        padding:20px 10px;
        font-size:14px;
    }
    #wh_form h2{
        text-align:left;
        font-size:22px;
    }
    .wh_cntr{
        width:100%;
    }
    .wh_messa_txt{
        width:100%;
    }
    .wh_us{
        margin:10px auto;
    }
    textarea{
        width:95%;
    }
    .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    }

    .ggmap iframe,
    .ggmap object,
    .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
}