@charset "Shift_JIS";
/* CSS Document */

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


/*リンク下線基本********************************/

a{
     color:#000000;
     text-decoration:none
     }


a:hover{
     color:#000000;
     text-decoration:none
     }

/*表示切替**************************************/

.size_wide_only{
	display:none
	}

.size_wide_middle{
	display:none
	}

/*メイン****************************************/

.head_outer{
	background-color:#000000;
	margin-bottom:10px;
	}

.head{
	width:100%;
	background-color:#ffffff;
	background:rgba(255,255,255,0.0);
	margin:0 auto 0 auto
	}

.head_logo_menu_outer{
	width:100%;
	background-color:#FFFFFF;
	}

.head_logo{
	float:left;
	width:30%;
	background-color:#FFFFFF;
	margin-top:0 auto 0 auto;
	}

.head_menu{
	float:left;
	width:70%;
	background-color:#FFFFFF;
	text-align:right;
	}

.navi_outer{
	clear:both;
	display:none;
	height:40px;
	background-color:#FFFFFF;
	text-align:center;
	border-style: solid;
	border-left-style: hidden;
	border-right-style: hidden;
	border-bottom-style: hidden;
	border-width: 2px;
	border-color: #D8D8D8;
	}

.navi{
	clear:both;
	display:none;
	width:100%;
	height:30px;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	text-align:center;
	}

.main_visual{
	clear:both;
	background-color:#fff;
	text-align:center;
	overflow:hidden;//横スクロールさせないようにする
	margin:0 auto 0 auto
	}

.banner_outer{
	overflow: hidden;
	position: relative;
	width:100%;
	background-color:#FFFFFF;
	margin:0 auto 0 auto
	}

.banner_contact{
	width:96%;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-left:2%;
	margin-right:2%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	cursor: pointer;
	}

.banner_contact:hover{
	float:left;
	background-color:#FFFFFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
	}

.banner_card{
	width:96%;
	background-color:#FFFFFF;
	margin-left:2%;
	margin-right:2%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.guide_ds_outer{
	clear:both;
	overflow: hidden;
	position: relative;
	background-color:#FFFFFF;
	background:rgba(255,255,255,0.0);
	margin:0 auto 0 auto;
	}

.guide_ds_outer_bottom{
	clear:both;
	overflow: hidden;
	position: relative;
	background-color:#FFFFFF;
	background:rgba(255,255,255,0.0);
	margin:0 auto 0 auto;
	}

.guide_ds_h_tag{
	background-color:#FFFFFF;
	margin-top:20px;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px
	}

.guide_ds{
	width:100%;
	overflow: hidden;
	position: relative;
	background-color:#FFFFFF;
	margin:0 auto 0 auto
	}

.guide_ds_menu{
	float:left;
	width:46%;
	background-color:#2C5AA0;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
	padding-bottom:10%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	cursor: pointer;
	}

.guide_ds_menu:hover{
	float:left;
	background-color:#6f98d7;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	cursor: pointer;
	}

.guide_ds_menu_last{
	float:left;
	width:46%;
	background-color:#2C5AA0;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
	padding-bottom:10%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	cursor: pointer;
	}

.guide_ds_menu_last:hover{
	float:left;
	background-color:#6f98d7;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	cursor: pointer;
	}

.greeting_outer{
	width:100%;
	height: auto;
	background-color:#234880;
	display:inline-block;
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	}

.greeting_left{
	display:none;
	float:left;
	width:50%;
	height: auto;
	max-height:900px;
	background-color:#234880;
	background:rgba(255,255,255,0.0);
        background-position:right bottom;
	}

.greeting_right{
	float:left;
	width:100%;
	height: auto;
	background-color:#234880;
	display:inline-block;
	}

.main_text_area_outer{
	clear:both;
	width:100%;
	overflow: hidden;
	position: relative;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	}

.main_text_area_outer2{
	float:left;
	width:96%;
	overflow: hidden;
	position: relative;
	background-color:#FFFFFF;
	margin-left:2%;
	margin-right:2%;
	}

.main_img_area{
	clear:both;
	width:100%;
	background-color:#D8D8D8;
	margin-bottom:20px
	}

.main_text_area{
	clear:both;
	width:100%;
	background-color:#FFFFFF;
	margin-bottom:20px
	}

.main_menu_area{
	display:none;
	float:left;
	width:25%;
	overflow: hidden;
	position: relative;
	background-color:#FFFFFF;
	margin-top:73px;
	margin-left:2%;
	margin-right:1%;
	}

.foot_big_outer{
	clear:both;
	overflow: hidden;
	position: relative;
	background-color:#D8D8D8;
	margin:0 auto 0 auto;
	}

.foot_small_outer{
	display:block;
	width:100%;
	overflow: hidden;
	position: relative;
	background-color:#D8D8D8;
	margin:0 auto 0 auto;
	}

.foot_about{
	text-align:left;
	width:96%;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.foot_img_left{
	float:left;
	text-align:left;
	width:30%;
	background-color:#FFFFFF;
	background: rgba(255,255,255,0.0);
	margin-top:10px;
	margin-left:3%;
	margin-right:1%;
	}

.foot_img_center{
	float:left;
	text-align:left;
	width:30%;
	background-color:#FFFFFF;
	background: rgba(255,255,255,0.0);
	margin-top:10px;
	margin-left:1%;
	margin-right:1%;
	}

.foot_img_right{
	float:left;
	text-align:left;
	width:30%;
	background-color:#FFFFFF;
	background: rgba(255,255,255,0.0);
	margin-top:10px;
	margin-left:1%;
	margin-right:3%;
	}

.copyright{
	clear:both;
	overflow: hidden;
	position: relative;
	background-color:#000000;
	text-align:center;
	margin:0 auto 0 auto;
	}

.mailform_submit{
	text-align:center;
	margin-top:15px;
	}

/*footermenu************************************/

.footer_sp_contact_area{
	float:left;
	width:100%;
	background-color:rgba(51, 51, 51, 0.6);
	position:fixed;
	bottom:0px;
	z-index:2;
	text-align:center;
	padding:2%;
	}

.footer_sp_contact_area_left{
	float:left;
	width:46%;
	display: block;
	background-color:#2C5AA0;
	color:#FFFFFF;
	font-size:16px;
	bottom:0px;
	text-align:center;
	margin-right:2%;
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	cursor: pointer;
	}

.footer_sp_contact_area_left:hover{
	float:left;
	background-color:#6f98d7;
	cursor: pointer;
	}

.footer_sp_contact_area_right{
	float:left;
	width:46%;
	background-color:#2C5AA0;
	color:#FFFFFF;
	font-size:16px;
	bottom:0px;
	text-align:center;
	margin-left:2%;
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	cursor: pointer;
	}

.footer_sp_contact_area_right:hover{
	float:left;
	background-color:#6f98d7;
	cursor: pointer;
	}

/*font******************************************/

i{
        padding-right:5px;
	}

h1{
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	margin-left:1%;
	margin-right:1%;
	padding:1%;
	line-height:20px;
        }
h2{
	font-size:22px;
	font-weight:bold;
	text-align:center;
        }

.h2_greeting{
	text-align:left;
        margin-top: 40px;
	margin-left:5%;
	margin-right:5%;
        }

h3{
	text-align:left;
        }

h4{
	font-size:15px;
	font-weight:bold;
	text-align:left;
        margin-left:20px;
        }

.text_navi{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	margin-top: 4px;
	margin-left:1%;
	}

.text_greeting{
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	line-height:28px;
	margin-top: 40px;
	margin-left:5%;
	margin-right:5%;
	margin-bottom: 40px;
	}

.h_text_main_area{
	background-color:#FFFFFF;
	text-align:center;
	border-bottom: solid 2px #000000;
	position: relative;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:10px;
	}

.h_text_sub_title{
	font-size:24px;
	font-weight:normal;
	text-align:left;
	border-left:16px solid #6ea8db;
	margin-top:40px;
	margin-bottom:40px;
	padding-left:16px;
	padding-bottom: 5px;
	padding-top: 5px;
	color:#4d4d4c;
	}

.text_main{
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	line-height:24px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:16px;
	text-align:left;
	}

.link_button{
	font-size:14px;
	line-height:28px;
	color:#FFFFFF;
	background-color:#2C5AA0;
	text-align:center;
	margin-top:10px;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:30px;
	padding:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	cursor: pointer;
	}

.link_button:hover{
	background-color:#6f98d7;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	cursor: pointer;
	}

.ul_head_menu{
	font-size:16px;
	font-weight:bold;
	list-style:none; 
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 2%;
	}

.li_head_menu{
	display: inline-block;
	margin-right: 2%;
	}

.li_head_menu a{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	}

.li_head_menu a:hover{
	display: inline-block;
	color:#BDBDBD;
	text-decoration:none
	}

.ul_kousaku_example{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	list-style: square;
	line-height:30px;
	background-color:#D8D8D8;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.ul_menu{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	list-style:none; 
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height:24px;
	}

.li_menu_class{
	font-size:16px;
	font-weight:bold;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left:26px;
	padding-bottom: 10px;
	background-image: url("https://www.dspartners-ltd.net/image/common/img_li_menu_class.png");
	background-repeat: no-repeat;
	background-position:4px 14px;
	border-style: solid;
	border-left-style: hidden;
	border-right-style: hidden;
	border-width: 1px;
	border-color: #D8D8D8;
	}

.li_menu{
	margin-left: 26px;
	margin-bottom: 10px;
	padding-left:12px;
	background-image: url("https://www.dspartners-ltd.net/image/common/img_li_menu.png");
	background-repeat: no-repeat;
	background-position:0px 12px;
	}

.ul_foot_about{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 10px;
	padding-top: 10px;
	line-height:24px;
	}

.li_foot_about_companyname{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	line-height:30px;
	}

.li_foot_about{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	line-height:24px;
	}

.text_copyright{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 60px;
	}

.ul_example{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	list-style: square;
	line-height:30px;
	background-color:#D8D8D8;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.li_example_heading{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	line-height:32px;
	margin-bottom:10px;
	}

.li_example_details{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	line-height:24px;
	list-style: disc;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px;
	}

.ul_kousaku_case{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	list-style: square;
	line-height:30px;
	background-color:#F2F2F2;
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	border:solid 1px #BDBDBD;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.ul_kousaku_case a{
	color:#2C5AA0;
	text-decoration:none
	}

.ul_kousaku_case a:hover{
	color:#6f98d7;
	text-decoration:underline
	}

.li_kousaku_case{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	}

.ul_advice_on_one_point{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	list-style: square;
	line-height:30px;
	background-color:#F2F2F2;
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	border:solid 1px #BDBDBD;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.ul_advice_on_one_point a{
	color:#2C5AA0;
	text-decoration:none
	}

.ul_advice_on_one_point a:hover{
	color:#6f98d7;
	text-decoration:underline
	}

.li_advice_on_one_point{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	}

.ul_price{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	list-style: square;
	line-height:30px;
	background-color:#F2F2F2;
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	border:solid 1px #0033FF;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.li_course{
	list-style:none;
	font-size:18px;
	font-weight:bold;
	margin-left:-15px;
	margin-right:5px;
	margin-bottom:10px;
	color:#2E64FE;
	}


.li_price_detail{
	list-style:none;
	font-size:16px;
	margin-left:-5px;
	margin-right:10px;
	line-height:5px;
	margin-bottom:20px;
	}



.li_price_point{
	list-style:square;
	font-size:14px;
	margin-right:5px;
	line-height:24px;
	}

.ul_aboutus{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	list-style: square;
	line-height:30px;
	background-color:#F2F2F2;
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.li_aboutus_heading{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	list-style: none;;
	margin-left:-15px;
	margin-bottom:-5px;
	}

.li_aboutus_details{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	line-height:34px;
	list-style: disc;
	margin-left:10px;
	margin-right:10px;
	}

.ul_area{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	list-style: square;
	line-height:34px;
	background-color:#F2F2F2;
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.ul_area a{
	color:#2C5AA0;
	text-decoration:none
	}

.ul_area a:hover{
	color:#6f98d7;
	text-decoration:underline
	}

.li_area{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	line-height:34px;
	list-style: disc;
	margin-left:10px;
	margin-right:10px;
	}

.ul_sitemap{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	list-style: square;
	line-height:34px;
	background-color:#F2F2F2;
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.ul_sitemap a{
	color:#2C5AA0;
	text-decoration:none
	}

.ul_sitemap a:hover{
	color:#6f98d7;
	text-decoration:underline
	}

.li_sitemap_class1{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	line-height:34px;
	list-style: disc;
	margin-left:10px;
	margin-right:10px;
	}

/*img*****************************************/

.img_greeting_left{
	display:none
	float:right;
	}

.img_guide_ds_menu{
	display: block;
	text-align:center;
	margin-top: 25%;
	margin-left:auto;
	margin-right:auto;
	}

.img_banner_card{
	vertical-align: bottom;
	}

.img_main_img_area{
	margin-top:-10px;
	vertical-align: bottom;
	}

.img_foot_img{
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	}

.img_greeting_name{
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	}

.img_aboutus_name{
	vertical-align: middle;
	margin-top:-7px;
	margin-left:-5px;
	}

/*slider****************************************/

.bx-wrapper img{
	max-width:92%;
	display:block;
	margin-left: 4%;
	margin-right: 4%;
	}

.bx-wrapper .bx-prev{
	left:-10px;
	margin-left:54px;
	background:url(https://www.dspartners-ltd.net/image/bxslider/controls.png)no-repeat 0 -2pc
	}

.bx-wrapper .bx-next{
	right:-10px;
	margin-right:54px;
	background:url(https://www.dspartners-ltd.net/image/bxslider/controls.png)no-repeat -43px -2pc
	}

}