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


/* -------------------------------------------------- */
/* FONTS -------------------------------------------- */
/* -------------------------------------------------- */

.fb { font-weight: bold !important; }
.fcBlue-bold { font-weight: bold; color: #039; }
.fcGreen-bold { font-weight: bold; color: #693; }
.fcRed-bold { font-weight: bold; color: #C51717; }

/* font-size */
/* bodyの指定：62.5%（10px）、#mainの指定：1.4em（14px）からの相対サイズです。 
　各クラスの最後の（）内のpx数は、大体の数値です。　*/
.fs-xsmall { font-size : .64em ; /*9px*/ }
.fs-small { font-size : .85em ; /*12px*/ }
.fs-medium { font-size : 1em ; /*14px*/ }
.fs-large { font-size : 1.14em ; /*16px*/ }
.fs-xlarge { font-size : 1.57em ; /*22px*/ }
.fs-xxlarge { font-size : 1.86em ; /*26px*/ }

.u-line{text-decoration: underline;}
.fwNormal{ font-weight: normal !important; }

.fcRed01 { color: #C51717; }
.fcBlue { color: #039; }
.fcOrange { color: #F90; }
.fcPink { color: #F6C; }
.fcPurple { color: #639; }
.fcGreen { color: #390; }


/* -------------------------------------------------- */
/* POSITION ----------------------------------------- */
/* -------------------------------------------------- */

.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.va { vertical-align: middle; }
.float-l{ float: left; }
.float-r{ float: right; }

.right-img { float: right;margin-left: 10px; }
.left-img { float: left;margin-right: 10px; }

@media screen and (max-width: 480px) { 
.left-img, .right-img { float: none; margin: 0 auto 10px auto; display: block; }
}
@media screen and (max-width: 600px) { 
.left-img, .right-img { float: none; margin: 0 auto 10px auto; display: block; }
}
.layout-right, .layout-left { width: 60%; margin-bottom: .5em; }
.layout-left { float: left; }
.layout-right { float: right; }
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
.layout-right, .layout-left { width: 100%; float: none; }
}

.pbb-idx{page-break-before: always;}


/* -------------------------------------------------- */
/* SPACE -------------------------------------------- */
/* -------------------------------------------------- */
.overf-hidden { overflow: hidden; }
.margin-auto{ margin-right: auto; margin-left: auto; }

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt40 {margin-top: 40px !important;}
.mt55 {margin-top: 55px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb1em {margin-bottom: 1.2em !important;}
.mb2em {margin-bottom: 2em !important;}
.ml45 {margin-left: 45px !important;}
.ml1em {margin-left: 1em !important;}
.ml2em {margin-left: 2em !important;}
.mr10 {margin-right: 10px !important;}
.pr3 {padding-right: 3px !important;}
.pt15 {padding-top: 15px !important;}
.sp_R1em {padding: 0 1em 0 0;}
.sp_L1em {padding: 0 0 0 1em;}
.sp_L2em {padding: 0 0 0 2em;}

.clear { clear: both; }
.noline { text-decoration:none; }

.nobg { background:none;}
.bg-white {background-color:#FFF !important; padding:10px !important;}
.display { display:block;}

.more{ text-align:right; display:block; clear:both;}
.more a:hover img { opacity:0.6; filter: alpha(opacity=60); }

.marker　{background: linear-gradient(rgba(255,208,207,0), #FFD0CF) ; font-weight:bold; color:#333;}



/* -------------------------------------------------- */
/* COMMON ------------------------------------------- */
/* -------------------------------------------------- */

/* COMMON - ul ---------------- */
.ul-cmn{ } 
.ul-cmn li{ padding: 0 0 .6em 16px; background: url(../image/cmn/ul_cmn_bg.gif) no-repeat left 4px; }
.ul-cmn ol { list-style: decimal; }
.ul-cmn ol li{ background: none; }

.ul-cmn-inline{ list-style: none outside; margin: 1em 0 1em 0; padding: 0; overflow: hidden; } 
.ul-cmn-inline li{ margin: 0 .5em .6em; line-height: 1.2; border: 2px solid #999;float: left; border-radius: 4px; }
.ul-cmn-inline li a{ display: block; padding: .4em .6em .2em; color: #333;text-decoration: none; }
.ul-cmn-inline li a:hover{ background: #666; color: #FFF; }

.ul-nml{ margin-left: 1.2em; list-style: disc; }
.ul-nml li{ background: none; margin-bottom: .4em; }

.ul-check { }
.ul-check li { margin: 0 0 .8em 0; padding: 0 0 0 20px; background: url(../image/cmn/ul_check_bg.gif) no-repeat left 2px; }

.ul-circle { }
.ul-circle li { margin: 0 0 1em 0; padding: 5px 0 5px 30px; background: url(../image/cmn/li-circle.gif) no-repeat left center; }

ul.cell{ display: table;  table-layout: fixed;  width: 100%; }
ul.cell li{ display: table-cell;  vertical-align: top; text-align:center; }
ul.cell li .ttl { margin-top:17px;padding:0; text-align:center;}
ul.cell li p { text-align:left; padding-left:15px;padding-right:5px; margin:0; display:block;}
ul.cell li:first-child { text-align:left; }
ul.cell li:last-child { text-align:right;}

@media screen and (max-width: 480px) {
ul.cell{ display: block;}
ul.cell li{ display: block; margin:0 0 20px;}
ul.cell li p {width:100%;}
ul.cell li:first-child { text-align:center; }
ul.cell li:last-child { text-align:center;}
}


/* COMMON - ol ---------------- */
.ol-number { margin: 0 0 0 1.2em; list-style: decimal outside; }
@media screen and (max-width: 768px) {
.ol-number div { float: none; margin: 0 auto 1em auto; width: 230px; }
}

.ol-bold{ color:#900; font: italic normal bold 1em/1 Georgia, sans-serif; list-style: decimal outside; }
.ol-bold li{ margin: 0 0 1em 1.4em; }
.ol-bold li .li-ttl{ color: #333; font: normal normal bold 1em/160% Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; border-bottom: 1px solid #C00; }
.ol-bold li p{ color: #333; font: normal normal normal 1em/160% Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; margin: 0; padding: 0; }
.ol-bold li span{ color: #333; font: normal normal bold 1em/1 Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }



/* COMMON - dl ---------------- */
.dl-cmn { border-bottom: 1px dotted #999; display: inline-block; width: 100%; background: #F6F6F6; }
.dl-cmn dt, .dl-cmn dd { padding: .6em 1%; border-top: 1px dotted #999; display: block; float: left; }
.dl-cmn dt { width: 28%; clear: both; }
.dl-cmn dd { width: 68%; background: #FFF; }
@media screen and (max-width: 480px) {
.dl-cmn dt,.dl-cmn dd { width: 98%; }
}

.dl-cmn-half { border-bottom: 1px dotted #999; display: inline-block; width: 330px; background: #FEF2E9; }
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 10px; border-top: 1px dotted #999; display: block; float: left; }
.dl-cmn-half dt { width: 80px; clear: both; }
.dl-cmn-half dd { width: 210px; background: #FFF; }
@media screen and (max-width: 768px) {
.dl-cmn-half { width: 49%; }
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 2%; }
.dl-cmn-half dt { width: 24%; }
.dl-cmn-half dd { width: 68%; }
}
@media screen and (max-width: 480px) {
.dl-cmn-half { width: 300px; }
.dl-cmn-half dt, .dl-cmn-half dd { padding: .6em 10px; }
.dl-cmn-half dt { width: 60px; }
.dl-cmn-half dd { width: 200px; }
}

.dl-cmn-border { width: 100%; }
.dl-cmn-border dt { margin: 0; padding: 0; border-bottom: 2px solid #AACF52; font-size:16px; font-weight: bold; }
.dl-cmn-border dd { margin: 0.5em 0 2em; padding-left:1.5em;}

/* COMMON - box ---------------- */
.cmn-box{ background: #FEFCEB; border: 1px solid #AACF52; padding: 1em; }
.white-box { background:#FFF; padding: 1em;}
.box-radius{ border-radius: 6px; }
.boder-w2 { border-width:2px;}


.box-200{ width: 200px; }
.box-300{ width: 300px; }
.box-350{ width: 350px; }
.box-half{ width: 330px; }
.box-980{ width: 980px; }
@media screen and (max-width: 768px) {
.box-980{ width: 660px; }
}
@media screen and (max-width: 600px) {
.box-half{ width: 100%; }
}
@media screen and (max-width: 480px) {
.cmn-box{ width: 90%; padding: 4%; }
.box-980{ width: 300px; }
}

.youtubePcTab{ display: block; }
@media screen and (max-width: 480px) {
.youtubePcTab{ display: none; }
}

/* FORM ---------------- */
fieldset{margin: 0 0 10px 0;padding: 0 20px 10px 20px;border: 1px solid #CCC;}
legend{margin: 0;padding: 0.5em 1em;border: 1px solid #CCC;color: #FFF;font-size: 16px;background-color: #E46B00;}
.label-ttl{ margin: 1em 0 0.5em 0; border-bottom: 1px dashed #999; display: block;}
input{margin: 0 0 0.7em 0;font-size: 14px;background-color: #F8F7F5;border: 1px solid #C3C3C3;}
textarea{ width: 95%; margin: 0 0 1em 0; border: 1px solid #999; background: #F8F7F5; font-size: 14px; }
.btn-submit{ padding: .4em 1em; }
fieldset #email,#email2 { width: 260px;}
@media screen and (max-width: 600px) {
fieldset { padding: 0 6px; width: 94%; }
input, textarea { width: 90%; }
}


/* -------------------------------------------------- */
/* PAGES -------------------------------------------- */
/* -------------------------------------------------- */

/* PAGES - INDEX ---------------- */
#idx-bnr a:hover img { opacity:0.6; filter: alpha(opacity=60); }
#idx-bnr img { margin-bottom:25px;}

#idx-voice-box .cell{ border-collapse: separate; border-spacing: 1px; }
#idx-voice-box .cell li{ border:1px solid #DDD; padding: 3px 0 25px 3px;}
#idx-voice-box .cell li .ttl { font-weight:bold; margin:17px 0 13px; line-height:inherit;}
#idx-voice-box .cell li p { text-align:left;padding:0 10px; line-height:inherit;}
#idx-voice-box .cell li:last-child { padding: 3px 3px 25px 1px; }
@media screen and (max-width: 480px) {
#idx-voice-box .cell li, #idx-voice-box .cell li:last-child { padding: 1px 1px 25px 1px; }
}

.idx-work-ttl {clear:both; padding:13px 20px 0px 80px; background:#F6F6F6 url(../image/idx/idx-work-icon01.gif) no-repeat 10px 7px; min-height:51px; font-size:15px; font-weight:bold; margin-bottom:20px;}
.idx-work-ttl2  {clear:both; padding:13px 20px 0px 80px; background:#F6F6F6 url(../image/idx/idx-work-icon02.gif) no-repeat 10px 7px; min-height:51px; font-size:15px; font-weight:bold; margin-bottom:20px;}
.idx-work-txt { float:right; width:56%;}

.idx-nayami-box { padding:37px 45px 30px; background:#F2F2F2 url(../image/idx/idx-travel-bg.png) no-repeat 495px bottom; height:auto; overflow:hidden; clear:both;}
.idx-nayami-box li { margin-bottom:17px;}

.dl-idx-reason { width: 100%; margin:28px 0 0 0;  }
.dl-idx-reason dt { width:24%; float:left; clear:both; }
.dl-idx-reason dd { width:73.5%; float:right; overflow:hidden; min-height:73px; margin-bottom:10px;}
.dl-idx-reason dd dt {width:90%; border-bottom:1px #7DB434 solid; margin-bottom:20px; padding:3px 0 2px 50px; font-weight:bold; font-size:20px; min-height:30px;}
.dl-idx-reason dd dd {width:100%; font-size:14px;}
.dl-idx-reason .r-li1 { background:url(../image/idx/idx-reason-li01.gif) no-repeat; }
.dl-idx-reason .r-li2 { background:url(../image/idx/idx-reason-li02.gif) no-repeat; }
.dl-idx-reason .r-li3 { background:url(../image/idx/idx-reason-li03.gif) no-repeat; }
.dl-idx-reason .r-li4 { background:url(../image/idx/idx-reason-li04.gif) no-repeat; }
.dl-idx-reason .r-li5 { background:url(../image/idx/idx-reason-li05.gif) no-repeat; }
.dl-idx-reason .r-li6 { background:url(../image/idx/idx-reason-li06.gif) no-repeat; }


.idx-box{ border: 5px solid #E2F3BE; padding: 25px; }
.idx-ttl { border-bottom:2px solid #AACF52; width:100%; padding-bottom:5px; clear:both;}
.idx-voice { width:70%; float:right; margin-bottom:5px;}
.idx-voice-ttl { font-weight:bold; margin-bottom:1em;}
.idx-voice-ttl span { font-weight:normal;}

.idx-flow { background:url(../image/idx/idx-flow-bg.gif) no-repeat; padding-left:80px; overflow:hidden; margin-bottom:60px;}
.idx-flow img { margin-bottom:15px; clear:both;}
.flow-txt { width:67%; float:right;min-height:100px; }
#attention { display:none;}
#point .cmn-box { width:42.5%; padding:25px 3% 15px; margin-bottom:10px;}
#point .cmn-box img { margin-bottom:20px;}
#point .cmn-box p {width:100%; }
#point #p_2 { margin-bottom:60px;}
#point #p_4 { margin-bottom:80px;}
#job .ul-circle { font-size:18px;}
#job .ul-circle li {margin: 0 0 0 0; padding: 6px 0 1px 58px; background:#F6F6F6 url(../image/cmn/li-circle.gif) no-repeat 26px center; min-height:30px;}
#job .ul-circle li:nth-child(even) { background-color:#FFF;}

#gree-txt { width:445px;}
@media screen and (max-width: 650px) {
#idx-bnr img { width:48%;}
.idx-voice { width:65%;}
.idx-work-txt { width:50%;}
.flow-txt { width:100%; float:none;min-height:85px; margin-bottom:10px; }

.idx-nayami-box {background:#F2F2F2 url(../image/idx/idx-travel-bg.png) no-repeat right bottom;}

#point #p_2 { margin-bottom:80px;}
#job .ul-circle li { padding-left:35px; background:#F6F6F6 url(../image/cmn/li-circle.gif) no-repeat 5px center;}
}

@media screen and (max-width: 600px) {
#idx-bnr img { width:330px;}
.idx-work-txt,.idx-voice {width:100%; float:none;}

}
@media screen and (max-width: 480px) {
#idx-bnr img { width:100%;}
.idx-nayami-box { background-image:none; padding:1em 5px 0;}

.dl-idx-reason dt { width:100%; float:none; margin:0 auto 10px; text-align:center;}
.dl-idx-reason dd { width:100%; float:none; margin-bottom:20px;}
.dl-idx-reason dd dt { width:80%; font-size:18px; text-align:left;}

.idx-box{ width: 89%; padding: 4%; }
#gree-txt { width:100%;}
.idx-flow { background:none; padding:0;}
#attention { display:block; text-align:center; font-size:16px;}
#point .cmn-box { width:93%; }
#point #p_2, #point #p_4 { margin-bottom:0px;}
}



/* PAGES - VOICE ---------------- */
.voice-box{ background: #F6F6F6; padding: 2%; width: 96%; clear:both; margin-bottom:40px; }
.voice-ttl{ font-weight: bold; font-size: 1.4em; color: #1389A2; }
.voice-name{ margin: 0 0 2em 0; padding: 4px 4px 2px 0; text-align: right; }
.voice-box .ol-bold li{ color:#1389A2; font-size:1.1em;}
.voice-box .ol-bold li p { padding:.5em 0 1em;}
@media screen and (max-width: 480px) {.voice-box{ background:none;}.voice-ttl{font-size: 1.2em;}}

/* PAGES - FAQ ---------------- */
.faq-q{ background:#F6F6F6 url(../image/faq/faq_q.gif) no-repeat 12px 10px; padding: 10px 0 0px 43px; min-height: 32px;font-weight: bold; font-size: 1.2em; margin:30px 0 17px;}
.faq-a{ background: url(../image/faq/faq_a.gif) no-repeat 12px 0px; padding: 0 0 0 43px; min-height: 32px;}
.faq-a last-child { margin-bottom:0;}

/* PAGES - ACCESS ---------------- */
.map-box{ width: 100%; height: 450px; }
.access-way { height: 240px; margin: 0 0 20px; background:url(../image/idx/idx-travel-arrow.gif) no-repeat 30px bottom; }
.access-way-txt{ width:320px; float:right;}
.nobgimg{ background:none !important;}
@media screen and (max-width: 768px) {
.access-way-txt{ width:280px; }
}

@media screen and (max-width: 600px) {
#ac_img02 { width:35%;}
}

@media screen and (max-width: 480px) {
#ac_img02 { width:235px;}
.access-way {	height: auto; padding: 0 0 30px; }
.access-way .fl { margin:0 0 15px; background:url(../image/access/icon_arrow.jpg) no-repeat center bottom; float:none;} 
.access-way p{ padding:5px 0 0; margin:0 0 3px; }
.access-way-txt{ width:300px; float:none; margin:0 auto;}
}


/* COMPANY
------------------------------------------------------------------------------------------------ */
.dl-cmn a { float:right;}


.dl-company, .dl-company2{ border-bottom: 1px dotted #ccc; }
.dl-company dt{	margin: 0 0 -2em; padding: 7px 0 1px 25px; border-top: 1px dotted #ccc;
	font-weight:bold; background: url(../image/cmn/list_bg.gif) no-repeat .5em 10px; }
.dl-company dd{ margin: 0; padding: 5px 0 3px 190px;}
.dl-company2 dt{	margin: 0 0 -2em; padding: 7px 0 1px 25px; border-top: 1px dotted #ccc;
	font-weight:bold; background: url(../image/cmn/list_bg.gif) no-repeat .5em 10px; }
.dl-company2 dd{ margin: 0; padding: 5px 0 3px 150px;}

@media screen and (max-width: 768px){
.dl-company dd, .dl-company2 dd{ padding: 5px 0 3px 185px; background: left; }
}
@media screen and (max-width: 480px){
.dl-company dd, .dl-company2 dd{ padding-left:20px;}
.dl-company dt, .dl-company2 dt{margin: 0;}
}

/* PROFILE
------------------------------------------------------------------------------------------------ */
.profile-dl{ margin: 20px 0 40px 0; padding: 0;}
.profile-dl dt{ margin: 1.2em 0 -1.6em 0; padding: 0; font-weight: bold; }
.profile-dl dd{ margin: 0 0 0 0; padding: 0 0 0 5em;}
.profile-dl dd p { margin:-22px 0 0px 5em;}



.dl-cmn-border { width: 100%; }
.dl-cmn-border dt { margin: 2em 0 0 0; padding: 0 0 0 12px; border-left: 7px solid #AACF52;  border-bottom: 2px solid #AACF52; font-weight: bold; }
.dl-cmn-border dd { margin: 0.5em 0; }
.dl-cmn-border dd p { margin:-22px 0 0px 5em;}


/* FEE
------------------------------------------------------------------------------------------------ */
.table_fee { table-layout:fixed;width: 98%;border-collapse: collapse;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; margin-bottom:30px; }
.table_fee td {border:1px solid #ccc;padding: 0.5em; text-align:center;}
.table_fee th {border-bottom: 1px solid #ccc; text-align:left; padding:0.5em 0.5em 0.5em 1em;}
.table_fee thead th{ text-align:center;border-right: 1px solid #ccc;}


/* WORK
------------------------------------------------------------------------------------------------ */
#work .cmn-box { margin-bottom:30px;}

.work-ttl {font-size: 1.2em; margin-bottom:1em; padding-left:80px;}
.work-txt { background:url(../image/work/work_data.gif) no-repeat; padding-left:30px; font-size:1.2em; font-weight:300;}
.work-counting { background:url(../image/work/work_detail.gif) no-repeat; padding-left:30px; font-size:1.2em; font-weight:300;}
#work1 .work-ttl {background:url(../image/work/work_icon01.gif) no-repeat left 5px;}
#work2 .work-ttl {background:url(../image/work/work_icon02.gif) no-repeat left 5px;}
#work3 .work-ttl {background:url(../image/work/work_icon03.gif) no-repeat left 5px;}
#work4 .work-ttl {background:url(../image/work/work_icon04.gif) no-repeat left 5px;}
#work5 .work-ttl {background:url(../image/work/work_icon05.gif) no-repeat left 5px;}


/* SPORT
------------------------------------------------------------------------------------------------ */
.table_sport { width: 98%;border-collapse: collapse;border-top: 1px solid #1389A2;border-left: 1px solid #1389A2;border-right: 1px solid #1389A2; margin-bottom:15px; }
.table_sport caption { text-align:left; background:url(../image/cmn/li-circle.gif) no-repeat left 3px; padding:0 0 5px 25px; font-size:1.25em; font-weight:bold;}
.table_sport thead th{ text-align:left;border-right: 1px solid #1389A2; padding:.5em 1em; background-color:#EFEFEF;}
.table_sport td {border:1px solid #1389A2;padding: 1em; text-align:left; width:79%;}
.table_sport td .t-img {border:1px solid #1389A2;padding: 1em; text-align:center; width:20%;}


@media screen and (max-width: 480px){
.table_sport {width:100%;border-collapse:collapse; margin:15px auto 10px;border:none;}
.table_sport caption { font-size:1em;}
.table_sport td { border:none;text-align:left;border:none;}
.table_sport thead th{display:block; text-align:center; padding:.5em 0;border:none;}
.table_sport tbody tr{display:block;width:100%;margin-bottom:2em;}
.table_sport  td{ display:block;border:none; text-align:center; width:100%; padding:1em 0;}
}