@charset "utf-8";

/*----------------------------------------
* last update 2017-01-20
* Search key "++n"
* COPYRIGHT(C)panda-job.com. ALL RIGHTS RESERVED.
* for Common Parts
* Editor - studio CLOVER -
*
* +0 reset parts
* +1 common parts
* +2 text parts
* +3 button parts
* +4 list parts
* +5 

* +000 other parts

----------------------------------------*/

/*----------------------------------------
++0 reset parts
----------------------------------------*/
*{
 -webkit-text-size-adjust:100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
 margin:0;
 padding:0;
 font-size:100%;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{ 
 display:block;
}

img{
 border:0;
 max-width:100%;
 width /***/:auto; /* IE8 */
 margin:0;
 padding:0;
}

ul, ol{
 list-style:none;
}

table {
 border-spacing:0;
 empty-cells:show;
}
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix{
  zoom:1;
}

a{
 color:#EB4384;
}

/*----------------------------------------
++1 common parts
----------------------------------------*/
.subtit{
 clear:both;
 position:relative;
 width:100%;
 height:40px;
 background:url(../common/tit_bg.png) no-repeat 3px bottom;
 font-size:18px;
 color:#E9006A;
 font-weight:normal;
 text-align:left;
 text-indent:70px;
 line-height:2.4;
 border-bottom:2px solid #E84774;
 margin:0 0 10px;
}
.subtit span a{
 position:absolute;
 display:block;
 width:94px;
 height:22px;
 background:url(../common/i_arrow02_01.png) no-repeat 98% 50%;
 font-size:12px;
 color:#E84774;
 text-indent:0;
 line-height:2.0;
 top:6px;
 right:10px;
 padding:0 4px;
 text-decoration:none;
}
.subtit span a:hover{
 background:#FFF9DF url(../common/i_arrow02_01.png) no-repeat 98% 50%;
}

.subtit02{
 clear:both;
 width:98%;
 background-image:url(../common/tit_bg02.png),url(../common/bg_slant01.png);
 background-repeat:no-repeat,repeat;
 background-position:3px bottom,center top;
 color:#fff;
 font-size:18px;
 line-height:1.5;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 margin:10px auto 10px;
 padding:7px 0 7px 74px;
}

.subtit03{
 clear:both;
 width:98%;
 background-image:url(../common/tit_bg02.png), url(../common/bg_dot02.png);
 background-repeat:no-repeat,repeat;
 background-position:3px bottom,center top;
 color:#fff;
 font-size:18px;
 line-height:1.5;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 margin:10px auto 10px;
 padding:7px 0 7px 74px;
}
.subtit03{
 clear:both;
 width:98%;
 background-image:url(../common/tit_bg02.png), url(../common/bg_dot02.png);
 background-repeat:no-repeat,repeat;
 background-position:3px bottom,center top;
 color:#fff;
 font-size:18px;
 line-height:1.5;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 margin:10px auto 10px;
 padding:7px 0 7px 74px;
}



.contentsBox{
 overflow:hidden;
 background:#fff;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 padding:10px 0;
 margin:0 auto 15px;
}
.contentsBox a{
 color:#4A3323;
 text-decoration:none;
}

/*背景のパンダの位置もここ*/
#contactBox{
 clear:both;
 width:98%;
 overflow:hidden;
 /*margin:0 auto 10px;
 margin: 0 auto;*/
 background-image:url(../common/contact_chara.png),url(../common/contact_bg.png);
 background-repeat:no-repeat,repeat;
 /*background-position:90% bottom,center top;*/
 background-position:99% 40%;
 /*background-size:12%,auto;*/
 background-size:17%,auto;
 /*margin:20px auto 20px;*/
 margin: 20px auto 0px;
}
#contactBox img{
}
#contactBox h4{
 text-align:left;
 margin:12px 17px 6px;
}
/*お問い合わせ　気になることは聞いてみよう*/
#contactBox h4 img{
 /*width:80%;*/
 /*max-width:166px;*/
}
#contactBox ul{
 padding:0 3px 3px;
 letter-spacing:-.90em;
 font-size:0px;
 line-height:1;
}
#contactBox ul li{
 display:inline-block;
 /*width : 33.33333% ;
 width : -webkit-calc(100% / 3) ;
 width : calc(100% / 3) ;*/
 width : 33.33333% ;
 width : -webkit-calc(77% / 3) ;
 width : calc(77% / 3) ;
 font-size:16px;
 letter-spacing:normal;
 text-align:center;
 margin:0 auto;
 padding: 0px 0px 12px 8px;
}

#contactBox ul li a,
#contactBox ul li span.tel-link2{
 display:block;
 width:99%;
 background-color: rgba(255,255,255,0.8);
 border:2px solid #927764;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 margin:0 6px;
 padding:5px 0;
}
#contactBox ul li a:hover{
 border:2px solid #4A3323;
}

/*----------------------------------------
++2 text parts
----------------------------------------*/
.tel-link {
 color:#EB4384;
}

.brd8{
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}

.block{display:block;}
.cle{clear:both;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

/* text */

.ff{
 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}

.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.pb3{padding:0 0 3px;}
.pb5{padding:0 0 5px;}
.pb10{padding:0 0 10px;}
.pb20{padding:0 0 20px;}
.pw3{padding:0 3px;}
.pw5{padding:0 5px;}
.pbw3{padding:0 3px 3px;}

.pw5{padding:0 5px;}
.ph5{padding:5px 0;}
.ph10{padding:10px 0;}
.ph5b0{padding:5px 0 0;}

.pb3w5{padding:0 5px 3px;}
.pb5w5{padding:0 5px 5px;}
.pb5w10{padding:0 10px 5px;}
.pb10w5h15{padding:5px 5px 15px;}
.pb10w5{padding:0 5px 10px;}
.pb20w5{padding:0 5px 20px;}
.pb10w5h5{padding:5px 5px 10px;}
.pb10w10{padding:0 10px 10px;}
.pb10w20{padding:0 10px 20px;}

.m3{margin:3px;}
.m5{margin:5px;}
.mb5{margin:0 0 5px;}
.m0{margin:0 0 0;}
.mb10{margin:0 0 10px;}
.mb15{margin:0 0 15px;}
.mb20{margin:0 0 20px;}
.mb30{margin:0 0 30px;}
.mhb5{margin:5px 0;}
.mhb10{margin:10px 0;}
.mhb15{margin:15px 0;}
.mh10b0{margin:10px 0 0;}

.mw5{margin:0 5px;}
.mw10{margin:0 10px;}
.mbw5{margin:0 5px 5px;}

.txt_mainc{color:#F00;}
.txt_red{color:#F00;}
.txt_gold{color:#CAB600;}
.txt_blue{color:#06C;}
.txt_rblue{color:#09F;}
.txt_pink{color:#f7468c;}
.txt_orange{color:#F60;}
.txt_yellow{color:#FF0;}
.txt_green{color:#360;}
.txt_rgreen{color:#690;}
.txt_gray{color:#444;}
.txt_brown{color:#996102;}
.txt_white{color:#fff;}
.txt_purple{color:#592E6B;}
.txt_bgreen{color:#339966;}

.a_none{
 text-decoration:none;
}

/* img */

.fr_l{
 float:left;
 margin:0 10px 10px 0 0;
}
.fr_r{
 float:right;
 margin:0 0 10px 10px;
}

.w100{width:100%;}
.w98{width:98%;}

/*----------------------------------------
++3 button parts
----------------------------------------*/

.button03,
.button02,
.button01{
 clear:both;
 display:block;
 width:98%;
 color:#fff;
 font-size:20px;
 font-weight:bold;
 text-align:center;
 text-shadow:1px 1px 3px #333;
 padding:20px 10px 20px;
 margin:10px auto 20px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}

.button022{
 clear:both;
 display:block;
 width:90%;
 color:#fff;
 font-size:20px;
 font-weight:bold;
 text-align:center;
 text-shadow:1px 1px 3px #333;
 padding:20px 10px 20px;
 margin:10px auto 65px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}

/* pink */
.button01{
 background:#FF81A4 url(../common/i_arrow02_02.png) no-repeat 98% 50%;
 letter-spacing:0.2em;
 padding:20px 10px 20px;
 width:90%;
 margin:10px auto 40px;
}
/* blue */
.button02{
background: #2ca4de;
background: -moz-linear-gradient(top,  #2ca4de 50%, #1e88bb 50%);
background: -webkit-linear-gradient(top,  #2ca4de 50%,#1e88bb 50%);
background: linear-gradient(to bottom,  #2ca4de 50%,#1e88bb 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca4de', endColorstr='#1e88bb',GradientType=0 );
}

/* blue */
.button022{
background: #2ca4de;
background: -moz-linear-gradient(top,  #2ca4de 50%, #1e88bb 50%);
background: -webkit-linear-gradient(top,  #2ca4de 50%,#1e88bb 50%);
background: linear-gradient(to bottom,  #2ca4de 50%,#1e88bb 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca4de', endColorstr='#1e88bb',GradientType=0 );
}

/* rgreen */
.button03{
background: #91b60f;
background: -moz-linear-gradient(top,  #91b60f 50%, #79990d 50%);
background: -webkit-linear-gradient(top,  #91b60f 50%,#79990d 50%);
background: linear-gradient(to bottom,  #91b60f 50%,#79990d 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b60f', endColorstr='#79990d',GradientType=0 );

}

.i_next,
.i_backL,
.i_backT{
 overflow:hidden;
 text-align:center;
 display:block;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 padding:14px 0;
 text-decoration:none;
 font-weight:bold;
 letter-spacing:0.1em;
}
/* go to top */
.i_backT{
 font-size:16px;
 color:#fff;
 background:#2C2C2C;
 border:1px solid #474747;
 margin:20px auto;
 padding:18px 0;
}
/* go to next */
.i_next{
 font-size:14px;
 color:#EB4384;
 background:#FFE8F0 url(../common/icon/arrow03.png) no-repeat 98% 50%;
 background-size:20px;
 border:0px solid #EB4384;
 margin:5px auto 20px;
 padding:15px 20px 15px 10px;
}
/* back to list */
.i_backL{
 width:90%;
 font-size:16px;
 color:#555;
 background:#fff url(../common/icon_back.png) no-repeat 5px 50%;
 background-size:33px;
 font-weight:normal;
 text-shadow:0px 1px 1px #ccc;
 border:2px solid #ccc;
 margin:20px auto;
 padding:14px 0;
}

.button03 span,
.button02 span,
.button01 span,
.i_next span,
.i_backL span,
.i_backT span{
 display:inline-block;
}
.button03 span:before,
.button02 span:before,
.button01 span:before,
.i_next span:before,
.i_backL span:before,
.i_backT span:before{
 content:'';
 display:inline-block;
 width:5px;
 height:3px;
 vertical-align:middle;
 margin:-2px 10px 0 0;
}
.button03 span a,
.button02 span a,
.button01 span a,
.i_next span a,
.i_backL span a,
.i_backT span a{
 display:block;
 text-decoration:none;
}




.button022 span{
 display:inline-block;
}

.button022 span:before{
 content:'';
 display:inline-block;
 width:5px;
 height:3px;
 vertical-align:middle;
 margin:-2px 10px 0 0;
}

.button022 span a{
 display:block;
 text-decoration:none;
}



/*----------------------------------------
++4 list parts
----------------------------------------*/
.listN02,
.listN01{
 width:98%;
 overflow:hidden;
 margin:0 auto 20px;
}
.listN01 li{
 background:url(../common/i_arrow03_01.png) no-repeat 6px center;
 padding:22px 0 22px 30px;
 border-bottom:1px dotted #ccc;
}
.listN01 li span{
 font-size:90%;
 margin:0 10px 0 0;
}
.listN02 li{
 background:url(../common/i_arrow03_01.png) no-repeat 6px center;
 border-bottom:1px dotted #ccc;
}
.listN02 li a{
 display:block;
 width:100%;
 padding:14px 0 14px 30px;
 text-decoration:none;
}
.listN02 li a:hover{
 background:#FFF9DF url(../common/i_arrow03_01.png) no-repeat 6px center;
}

/* column2 */
.listC01{
 width:100%;
 letter-spacing:-.90em;
 line-height:1;
 font-size:0px;
 text-align:center;
}
.listC01 li{
 display:inline-block;
 width:50%;
 font-size:16px;
 letter-spacing:normal;
 margin:0 auto 3px;
}
.listC01 li a{
 display:block;
 width:98%;
 margin:0 auto;
}

/* column2-responsive */
.listC02{
 width:100%;
 letter-spacing:-.90em;
 font-size:0px;
 line-height:1;
 text-align:center;
}
.listC02 li{
 display:inline-block;
 width:160px;
 font-size:16px;
 letter-spacing:normal;
 margin:0 auto 3px;
}
.listC02 li a{
 display:block;
 width:98%;
 margin:0 auto;
}

/* column3 */
.listC03{
 width:94%;
 overflow:hidden;
 letter-spacing:-.90em;
 font-size:0px;
 line-height:1;
 margin:0 auto 20px;
}
.listC03 li{
 display:inline-block;
 width: 33.33333% ;
 width: -webkit-calc(100% / 3) ;
 width: calc(100% / 3) ;
 font-size:16px;
 letter-spacing:normal;
}
.listC03 li a{
 display:block;
 width:100%;
 text-decoration:none;
 border-bottom:1px dotted #ccc;
 background:url(../common/i_arrow03_01.png) no-repeat left center;
 padding:14px 0 14px 0;
 text-indent:20px;
}
.listC03 li a:hover{
 background:#FFF9DF url(../common/i_arrow03_01.png) no-repeat left center;
}

/* pageNavi */
.listPageNavi{
 width:100%;
 letter-spacing:-.90em;
 font-size:0px;
 line-height:1;
 text-align:center;
}
.listPageNavi li{
 display:inline-block;
 letter-spacing:normal;
 font-size:16px;
 text-align:center;
 margin:0 auto;
}
.listPageNavi li a{
 display:block;
 background:#FF5B9C;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 color:#fff;
 margin:0 2px;
 padding:8px;
 text-decoration:none;
 font-weight:bold;
}
.listPageNavi li a:hover{
 background:#EB4384;
 color:#FF0;
}

/*----------------------------------------
++5  parts
----------------------------------------*/
.text, textarea, .dropdown{
 border:1px solid #777;
 padding:5px;
 background:#fff;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 background:-webkit-gradient(
 linear,
 left top,
 left bottom,
 from(#eee),
 to(#fff)
 );
 
 -webkit-box-shadow:1px 1px 1px #fff;
 background:-moz-linear-gradient(
 top,
 #eee,
 #fff
 );
 -moz-box-shadow:1px 1px 1px #fff;
 filter:progid:DXImageTransform.Microsoft.gradient
 (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
 zoom:1;
}
.dropdown{
}

textarea{
 width:90%;
 padding:2px;
}

.i_submit,
.i_clear{
 background:#A08970;
 font-size:1.1em;
 color:#fff;
 font-weight:bold;
 text-align:center;
 border:0;
 cursor:pointer;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}


/*----------------------------------------
++000 other parts
----------------------------------------*/ 
.none{
 text-indent:-9999px;
 height:0px;
 overflow:hidden;
}

.cle{
 clear:both;
}