@charset "UTF-8";

/**************************************************
***** css /pages.css ************************************
**************************************************/
/*
-----------------------------------------------------
top
-----------------------------------------------------
*/
#top #header #visual { overflow: hidden; position: relative; }
#top #header #visual img { top: 1; left: 1; position: absolute; }
#top #main h2 { position: relative; }
#top #main h2 span { padding: 5px 0px 0px 10px; font-size: small; background: url(/wp/wp-content/uploads/2020/03/icon_arrow2.gif) no-repeat left 13px; position: absolute; top: 0px; right: 20px; }
#top #main h2 span a { color: #FFF; }
#top #main .content { padding-top: 10px; }
#top #main .content table th { padding: 10px 0px; border-bottom: 1px dotted #999; vertical-align: top; width: 24%; }
#top #main .content table td { padding: 10px 0px; border-bottom: 1px dotted #999; vertical-align: top; width: 76%; }
#tips,#tips2 { width: 760px; background: url(/wp/wp-content/uploads/2020/03/bg1px.gif) repeat-y; float: left; padding: 0 20px; }
#tips h3,#tips2 h3 { clear: both; padding-bottom: 10px; }
#tips > ul.tipsbox { margin-right: -14px; margin-bottom: 40px; float: left; position: relative; }
#tips2 > ul.tipsbox { margin-right: -14px; margin-bottom: 40px; float: left; position: relative; }
#tips > ul.tipsbox > li { float: left; width: 244px; margin-right: 14px; }
#tips2 > ul.tipsbox > li { float: left; width: 244px; margin-right: 14px; }
ul.tipslist1 ul, ul.tipslist2 ul { padding-left: 12px; line-height: 180%; font-size: 90%; }
#tips > ul ul li a { color: #5a5a5a; }
#tips2 > ul ul li a { color: #5a5a5a; }
#tips > ul.tipslist1 > li { background: url(/wp/wp-content/uploads/2020/03/tips_list1_bg.gif) bottom no-repeat; height: 193px; }
#tips2 > ul.tipslist1 > li { background: url(/wp/wp-content/uploads/2020/03/tips_list1_bg.gif) bottom no-repeat; height: 193px; }
ul.tipslist1 ul li { background: url(/wp/wp-content/uploads/2020/03/icon_arrow0.gif) no-repeat left 12px; padding: 7px 0px 0px 10px; line-height: 150%; }
#tips > ul.tipslist2 > li { background: url(/wp/wp-content/uploads/2020/03/tips_list2_bg.gif) bottom no-repeat; height: 290px; }
#tips2 > ul.tipslist2 > li { background: url(/wp/wp-content/uploads/2020/03/tips_list2_bg.gif) bottom no-repeat; height: 290px; }
/*#tips2 > ul.tipslist2 > li { min-height: 290px; border-bottom:2px solid #31849b; border-left:2px solid #31849b; border-right:2px solid #31849b; }*/
ul.tipslist2 ul li { background: url(/wp/wp-content/uploads/2020/03/icon_arrow1.gif) no-repeat left 12px; padding: 7px 13px 0px 10px; line-height: 150%; }

.tipsbox > li{
background-image:none !important;
height:auto !important;
min-height:193px;
}
.tipsbox ul li{
height:auto !important;
min-height:auto;
}
.tipsbox ul{
	margin-bottom:15px;
}

.tipslist1{ background:rgba(0, 0, 0, 0) url(/wp/wp-content/uploads/2020/03/bgi_tips_list1.gif) no-repeat left bottom; }
.tipslist2{ background:rgba(0, 0, 0, 0) url(/wp/wp-content/uploads/2020/03/bgi_tips_list2.gif) no-repeat left bottom; }

.tiplist_title{
	color: #FFF;
	font-weight: bold;
	height:34px;
	padding:17px 0 0px 60px !important;
	line-height:1.2;
}

#tiplist_title_2_1, #tiplist_title_2_2, #tiplist_title_2_3{
	padding-top:20px !important;
	height: 35px;
}
#tiplist_title_1_1{ background-image:url(/wp/wp-content/uploads/2020/03/tipslist_title_1_1.gif); }
#tiplist_title_1_2{ background-image:url(/wp/wp-content/uploads/2020/03/tipslist_title_1_2.gif); }
#tiplist_title_1_3{ background-image:url(/wp/wp-content/uploads/2020/03/tipslist_title_1_3.gif); }
#tiplist_title_2_1{ background-image:url(/wp/wp-content/uploads/2020/03/tipslist_title_2_1.gif); }
#tiplist_title_2_2{ background-image:url(/wp/wp-content/uploads/2020/03/tipslist_title_2_2.gif); }
#tiplist_title_2_3{ background-image:url(/wp/wp-content/uploads/2020/03/tipslist_title_2_3.gif); }


ul.tipsbtns { overflow:hidden; /*margin-left: 10px;*/ position: relative; margin-right: -17px; }
ul.tipsbtns li { width: 172px; height: 40px; float: left; margin-right: 17px; }
ul.tipsbtns li a { display: block; padding-left: 40px; width: 132px; line-height: 40px; text-align: center; color: #FFF; }
.tips_btn1 a { background: url(/wp/wp-content/uploads/2020/03/tips3_btn1.gif) no-repeat; }
.tips_btn2 a { background: url(/wp/wp-content/uploads/2020/03/tips3_btn2.gif) no-repeat; }
.tips_btn3 a { background: url(/wp/wp-content/uploads/2020/03/tips3_btn3.gif) no-repeat; }
.tips_btn4 a { background: url(/wp/wp-content/uploads/2020/03/tips3_btn4.gif) no-repeat; }
ul.tipsbtns li a:hover { text-decoration: none; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80; }
#top #footer { border-style: none; }
/*
-----------------------------------------------------
contact
-----------------------------------------------------
*/
#contact .form .bg { width: 730px; height: 60px; padding-top: 27px; padding-left: 100px; line-height: 170%; background: url(/wp/wp-content/uploads/2020/03/bg.gif) no-repeat; }
#contact .form .doui, #contact .form .before { background-color: #f3f3f3; padding: 30px; text-align: center; }
#contact .form .fs01 { color:#F01; font-size: 80%; }
#contact .form table { border-collapse:collapse; border-spacing:0; empty-cells:show; margin: 30px 0px; }
#contact .form th { padding:15px; text-align:center; width: 25%; font-weight: bold; border: 1px solid #333; }
#contact .form td { padding:15px; width: 75%; border: 1px solid #333; text-align: left; }
#contact .form .first-input input { width: 220px; }
#contact .form .first-input input.radio { width: 20px; }
#contact .form .first-input textarea { width: 420px; }
#contact .form .submit { text-align: center; padding-bottom: 20px; }
#contact .form .submit input { padding: 5px 10px; margin-left: 10px; }
@media ( max-width: 980px ) {
	#contact .form .first-input input {
		width: 100% !important;
	}
	#contact .form .first-input textarea {
		width: 100% !important;
	}
}

/*
-----------------------------------------------------
flow
-----------------------------------------------------
*/
#flow .pl10 { padding-left:10px; }
#flow .pl15 { padding-left:15px; }
#flow .pl25 { padding-left:25px; }
#flow .pr10 { padding-right:10px; }
#flow .pt10 { padding-top:10px; }
#flow .pt20 { padding-top:20px; }
#flow .pt30 { padding-top:30px; }
#flow .pt70 { padding-top:70px; }
#flow .pb10 { padding-bottom:10px; }
#flow .pb20 { padding-bottom:20px; }
#flow .fl_l { float:left; }
#flow .fl_r { float:right; }
#flow .cl_bt { clear:both; }
#flow .w130 { width:130px; }
#flow .w150 { width:150px; }
#flow .w180 { width:180px; }
#flow .w210 { width:210px; }
#flow .w280{ width:280px; }
#flow .w380 { width:380px; }
#flow .w500 { width:500px; }
#flow .w550 { width:550px; }
#flow .w555 { width:555px; }
#flow .h180 { height:180px; }
#flow .aut { margin:0 auto; }
#flow .ml10 { margin-left:10px; }
#flow .ml30 { margin-left:30px; }
#flow .mr10{ margin-right:10px; }
#flow .mr20 { margin-right:20px; }
#flow .mr30 { margin-right:30px; }
/*
-----------------------------------------------------
sitemap
-----------------------------------------------------
*/
#sitemap #main .content { width: 760px; margin: 0px; padding: 0px 0px 30px; }
#sitemap #main .content .sitemapLeft { width: 360px; float: left; }
#sitemap #main .content .sitemapRight { width: 360px; float: right; }
#sitemap #main .content h3 { width: 350px; color: #FFF; font-weight: bold; background: url(/wp/wp-content/uploads/2020/03/title_green.gif) no-repeat; float: left; padding: 5px 0px 3px 10px; margin-top: 35px; background-size: contain; border:none!important; font-size: 1.2em;}
#sitemap #main .content h3::after{background:none!important;}
#sitemap #main .content h3 a { color: #FFF; }
#sitemap #main .content ul { width: 360px; height: auto; float: left; margin: 10px 0px 0px; padding: 0px; }
#sitemap #main .content ul li { padding-left: 20px; background: url(/wp/wp-content/uploads/2020/03/icon_arrow1.gif) no-repeat 10px 10px; list-style: none; }
#sitemap #main .content .pagetop { background: url(/wp/wp-content/uploads/2020/03/to-top.gif) no-repeat 625px 20px; padding-left: 40px; }
/*
-----------------------------------------------------
faq
-----------------------------------------------------
*/
#faq #main .content table tr td.faqtd { width:20%; vertical-align: top; padding: 20px 10px 50px; }
#faq #main .content table tr td { /*width:80%; */vertical-align: top; padding: 20px 10px 50px; }
#faq #main .content table tr td p.link { text-align:right }
#faq #main .content table tr.question td.faqtd { background: #21A69E; font-weight: bold; color: #FFF; font-size: large; border-left: 5px solid #156D68; padding: 10px; }
#faq #main .content table tr.question td { background: #7CB924; font-weight: bold; color: #FFF; padding: 10px; }
/*
-----------------------------------------------------
what
-----------------------------------------------------
*/
#what .left { float: left; width: 500px; padding-right: 30px; }
#what .right { float: right; width: 200px; text-align: right; }
#what .center { width: 730px; float: left; text-align: center; }
/*
-----------------------------------------------------
privacy
-----------------------------------------------------
*/
#privacy #main .content .box { padding: 20px; border: 1px solid #333; float: left; /*width: 690px;*/ margin-top: 10px; }
/*
-----------------------------------------------------
backno
-----------------------------------------------------
*/
#backno #main .content table th { width:28%; padding: 10px; vertical-align: top; }
#backno #main .content table th span { color: #2D9E9B; padding-right: 5px; }
#backno #main .content table td { width:72%; padding: 10px; vertical-align: top; }

@media ( max-width: 980px ) {
	#backno #main .content table.member th{
		width:100%!important;
	}
	
}
/*
-----------------------------------------------------
news
-----------------------------------------------------
*/
#news #main .content table th { width:28%; padding: 10px; vertical-align: top; }
#news #main .content table th span { color: #2D9E9B; padding-right: 5px; }
#news #main .content table td { width:72%; padding: 10px; vertical-align: top; }
/*
-----------------------------------------------------
osirase
-----------------------------------------------------
*/
#osirase #main .content table th { width:28%; padding: 10px; vertical-align: top; }
#osirase #main .content table th span { color: #2D9E9B; padding-right: 5px; }
#osirase #main .content table td { width:72%; padding: 10px; vertical-align: top; }
/*
-----------------------------------------------------
dai2syu
-----------------------------------------------------
*/
#dai2syu #main .content table th { padding: 10px; vertical-align: top; }
#dai2syu #main .content table td { padding: 10px; vertical-align: top; }
/*
-----------------------------------------------------
gaiyou
-----------------------------------------------------
*/
#gaiyou #main .content table th { /*width:20%;*/ padding: 10px; vertical-align: top; }
#gaiyou #main .content table td { width:80%; padding: 10px; vertical-align: top; }

@media ( max-width: 980px ) {
	#gaiyou #main .content table th,
	#gaiyou #main .content table td {
		width:100%!important;
	}
	
}
/*
-----------------------------------------------------
meibo
-----------------------------------------------------
*/
#meibo #main .content table th { width:30%; padding: 5px 10px; }
#meibo #main .content table td { width:70%; padding: 5px 10px; }
/*
-----------------------------------------------------
rijikai
-----------------------------------------------------
*/
#rijikai #main .content table th { width:20%; padding: 5px 10px; }
#rijikai #main .content table td { width:60%; padding: 5px 10px; }
table.kaisai {border-top:1px solid #ccc;border-left:1px solid #ccc;}
table.kaisai th,table.kaisai td {border-bottom:1px solid #ccc;border-right:1px solid #ccc; padding:8px 16px;}
/*
-----------------------------------------------------
link
-----------------------------------------------------
*/
/*#link #main .content table th { padding: 10px; text-align: center; border: 1px solid #333; }
#link #main .content table td { padding: 10px; border: 1px solid #333; }
#link #main .content table tr th:nth-of-type(1) { width: 30%; }*/
/*
-----------------------------------------------------
syokisoku
-----------------------------------------------------
*/
#syokisoku #main .content table th { padding: 10px; text-align: center; background: #ffffcc; font-weight: bold; border: 1px solid #333; }

#syokisoku #main .content table th.pname {width:30%;}
#syokisoku #main .content table th.download {width:10%;}
#syokisoku #main .content table th.terms {width:20%;}
#syokisoku #main .content table th.files {width:40%;}

#syokisoku #main .content table td { padding: 10px; border: 1px solid #333; }

/*@media ( max-width: 980px ) {
	#gaiyou #main .content table th,
	#gaiyou #main .content table td {
		width:100%!important;
	}
	
}*/

/*
-----------------------------------------------------
ryokin
-----------------------------------------------------
*/
#ryokin #main .content table th { padding: 10px; text-align: center; background: #ffffcc; font-weight: bold; border: 1px solid #333; }
#ryokin #main .content table td { padding: 10px; border: 1px solid #333; }
/*
-----------------------------------------------------
taisyo-jigyosya
-----------------------------------------------------
*/

#taisyo-jigyosya #main .content table {border-top:1px solid #ccc; border-left:1px solid #ccc;}
#taisyo-jigyosya #main .content table th
{ padding: 8px 5px; text-align: center; background: #CCC; font-weight: bold; border-bottom: 1px solid #ccc;  border-right: 1px solid #ccc; font-size: 95%; line-height: 180%; }
#taisyo-jigyosya #main .content table td { background: #eee; border-bottom: 1px solid #ccc;  border-right: 1px solid #ccc; font-size: 95%; line-height: 160%; padding: 8px 5px 8px 6px; }

#taisyo-jigyosya #main table.idostatus {
	border:none!important;
	border-top:1px solid #ccc !important;
	border-left:1px solid #ccc !important;
}

#taisyo-jigyosya #main table.idostatus td {
	background:#fff!important;
	text-align:center;
}

/*
-----------------------------------------------------
tyui-kanki
-----------------------------------------------------
*/
#tyui-kanki #main .content table th { font-weight: bold; border: 2px solid #333; color: #F00; padding: 20px; }
#tyui-kanki #main .content table td { text-align: center; font-weight: bold; border: 2px solid #333; color: #F00; padding: 20px; }
/*
-----------------------------------------------------
english
-----------------------------------------------------
*/
.site-main #english #main h2 {
	background: none;
}


/*
 -----------------------------------------------------
etc
-----------------------------------------------------
*/
#etc #main .content table th {padding: 10px; vertical-align: top; }
#etc #main .content table td { padding: 10px; vertical-align: top; }


/*
-----------------------------------------------------
2020/03/16 flow
-----------------------------------------------------
*/
#flow .w331{width: 331px;}
#flow .w159{width: 159px;}

#flow .mobile_only{display:none;}
#flow .display_n{display:none;}

#flow .bg_green{background-color:#6FBA2C;}
#flow .color_white{color:white;}
#flow .border_r_15{border-radius:15px}
#flow .w250{width:250px;}
#flow .p_h_29{padding:0 29px;}
#flow .h29{height:29px;}
#flow .font_s_22{font-size:22px;}
#flow .p_t1_9{padding:1px 0 0 9px;}
#flow .p_l_6{padding:0 0 0 6px;}
#flow .font_s_19{font-size:19px;}


#flow .inline_block{display:inline-block;}
#flow .txt_align_c{text-align: center;}
#flow .p_t_15{padding:15px 0 0 0;}
#flow .font_s_18{font-size:18px}
#flow .font_w_600{font-weight:600;}
#flow .inline_flex{display:inline-flex;}
#flow .font_s_28{font-size:28px}
#flow .font_s_23{font-size:23px}
#flow .p_v_25{padding:0 25px;}
#flow .bg_white{background-color:white}
#flow .border_r_5{border-radius:5px}
#flow .m15{margin:15px;}
#flow .m_v15{margin:15px 0;}
#flow .h37{height:37px;}
#flow .color_green{color:#6FBA2C;}
#flow .txt_align_l{text-align: left;}



@media ( max-width: 980px ) {
	#flow .clearfix{clear:both;}
	#flow .txt_align_c{text-align: center;}
	#flow .margin_center{margin:0 auto;}
	#flow .w_full{width:100%;}
	#flow .resize{height:150px;width:auto;}
	#flow .inline_block{display:inline-block;}
	#flow .txt_align_l{text-align: left;}
	#flow .w_auto{width:auto;}
	#flow .fl_n{float:none;}
	#flow .max_w_450{max-width:450px;}
	#flow .mobile_only{display:block;}
	#flow .bg_green{background-color:#6FBA2C;}
	#flow .color_white{color:white;}
	#flow .margin_h_15_v_auto{margin: 15px auto;}
	#flow .p_b_10{padding:0 0 10px 0;}
	#flow .border_r_15{border-radius:15px}
	#flow .p_t_15{padding:15px 0 0 0;}
	#flow .font_s_18{font-size:18px}
	#flow .font_w_600{font-weight:600;}
	#flow .p_v_25{padding:0 25px;}
	#flow .inline_flex{display:inline-flex;}
	#flow .h30{height:30px;width:auto;}
	#flow .p_r_15{padding:0 15px 0 0;}
	#flow .w263{width:263px;}
	#flow .font_s_28{font-size:28px}
	#flow .font_s_23{font-size:23px}
	#flow .p_r_10{padding:0 10px 0 0;}
	#flow .bg_white{background-color:white}
	#flow .border_r_5{border-radius:5px}
	#flow .m15{margin:15px;}
	#flow .h37{height:37px;}
	#flow .color_green{color:#6FBA2C;}
	#flow .p_t_20{padding:20px 0 0 0;}
	
	#flow .pc_only{display:none;}
}

#flow img {
    max-width: 300%;
}
#flow #main .content p {
    text-indent: 0;
}
#flow .flow-content {
    display: flex;
}
#flow ._flow-detail {
    width: 65%;
    padding-right: 40px;
}
#flow ._flow-contact {
    width: 35%;
}
#flow .flow-detail-step-desc {
    display: flex;
}
#flow .flow-detail-step-name {
    width: 100%;
}
#flow ._flow-detail-step-arrow  {
    padding-top: 5px;
}
#flow .flow-detail-step-arrow {
    width: 100%;
}
#flow .flow-detail-step-desc-image {
    width: 250px;
}
#flow ._flow-detail-step-desc-text {
    flex: 1;
}
#flow .flow-contact {
    color: #ffffff;
    background: #6FBA2C;
    border-radius: 7px;
    padding: 20px 15px;
}
#flow .flow-contact-title {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
}
#flow ._flow-contact-tel {
    text-align: center;
    padding: 10px 0;
}
#flow .flow-contact-tel {
    color: #ffffff !important;
    font-size: 1.5em;
    font-weight: bold;
}
#flow .flow-contact-tel img {
    width: 30px;
    vertical-align: middle;
}
#flow .flow-contact-tel span {
    vertical-align: middle;
    padding-left: 10px;
}
#flow ._flow-contact-fax {
    margin: 0 auto;
}
#flow .flow-contact-fax {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
}
#flow ._flow-contact-desc {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
}
#flow .flow-contact-desc {
    color: #ffffff;
    font-size: 0.875em;
    line-height: 1.5em;
    font-weight: bold;
}
#flow ._flow-contact-link {
    padding: 15px 0;
}
#flow .flow-contact-link {
    color: #6FBA2C !important;
    background: #ffffff;
    border-radius: 4px;
    display: block;
    text-align: center;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
}
#flow ._flow-detail-step-advice {
    padding-top: 20px;
}
#flow ._flow-contact-sp {
    display: none;
}
@media ( max-width: 980px ) {
    #flow .flow-content {
        display: block;
    }
    #flow ._flow-detail {
        width: 100%;
        margin: 0 auto;
        padding-right: 0;
    }
    #flow ._flow-contact {
        width: 100%;
        margin: 0 auto;
    }
    #flow ._flow-detail-step-desc-image {
        text-align: center;
    }
    #flow .flow-detail-step-desc {
        display: block;
    }
    #flow .flow-detail-step-advice {
        width: 100%;
    }
    #flow ._flow-contact-sp {
        display: block;
    }
    #flow ._flow-contact-pc {
        display: none;
    }
}

/*
-----------------------------------------------------
2020/03/16 初めてご利用の方へ
-----------------------------------------------------
*/
#main .w__140{width:140px;}
#main .m__b40{margin:0 0 40px 0;}
#main .w__600{width:600px;}
#main .m__b64{margin:0 0 64px 0;}
#main .w__590{width:590px;}

@media ( max-width: 980px ) {
	#main .inline__block{display:inline-block;}
	#main .txt__align_c{text-align: center;}
	#main .m__b25{margin:0 0 25px 0;}
	#main .w__auto{width:auto}
	#main .txt__align_l{text-align: left;}
	#main .fl__n{float:none;}
}

/*
-----------------------------------------------------
2020/03/16 料金表
-----------------------------------------------------
*/

#ryokin .mobile_only{display:none}	

@media ( max-width: 980px ) {
	#ryokin .pc_only{display:none}
	#ryokin .mobile_only{display:block}	
	
}
/*
-----------------------------------------------------
2020/03/16 FAQ
-----------------------------------------------------
*/
#faq .mobile_only{display:none}

@media ( max-width: 980px ) {
	#faq .pc_only{display:none}
	#faq .mobile_only{display:block}
	#faq #main .content table tr.question td.faqtd { background: #21A69E; font-weight: bold; color: #FFF; font-size: large; border-left: 5px solid #156D68; padding: 10px;width:100%; }
	#faq #main .question_title{background: #7CB924; font-weight: bold; color: #FFF; padding: 10px; padding:10px; width:100%;}
	#faq #main .inline_block{display:inline-block}
	#faq #main .w_full{width:100%}
	#faq #main .txt_align_c{text-align:center;}
	#faq #main .p_t20{padding:20px 0 0 0;}
	#faq #main .lineheight175{line-height:175%;}
	#faq #main .p_b10{padding:0 0 10px 0;}
}

/*
-----------------------------------------------------
2020/03/20 サイトマップ
-----------------------------------------------------
*/
@media ( max-width: 980px ) {
#sitemap #main .content { width: 100%; margin: 0px; padding: 0px 0px 30px; }
#sitemap #main .content .sitemapLeft, 
#sitemap #main .content .sitemapRight{ width: 100%; float: none; display:block;}
#sitemap #main .content h3 { width: 100%; color: #FFF; font-weight: bold; background-color:#1f9e9b; background-image:none!important; float:none; padding: 5px 0px 3px 10px; margin-top: 35px; border:none!important; font-size: 1.2em;}
#sitemap #main .content h3::after{background:none!important;}
#sitemap #main .content h3 a { color: #FFF; }
#sitemap #main .content .sitemapLeft  ul,
#sitemap #main .content .sitemapRight  ul{ float: none; display:block; }
}