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

* {
	padding: 0;
	margin: 0;
}
html {
	  scroll-behavior: smooth;
	width:100%;
}
body {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

a:visited {

}

.text_piv{
	background-color:#FFFFDB;
	font-weight: bold;
	
	
	}
	
.area_pic{
		position:absolute;
	width:350px;
	padding:50px;
	height:400px;
	text-shadow:1px 1px 0 #333;
	color:#FFF;
	font-size:1.3em;
background-color: rgba( 11, 11, 11, 0.55 );
	z-index:99;
	line-height:1.8em;
	top:0;
	
	
	}

.area_pic h2{
	font-size:1.9em;
	margin:1em 0;
	
	
	
	}

.slick-slider{
	position:relative;
	
	}
	


/*　レイアウト系 */

#content{
	line-height:1.8em;
	font-size:18px;
	width:80%;
	float:left;
	overflow:hidden;
	margin:0 auto;
	margin-top:0px !important;
	border:5px solid #EAEAEA;
	}

#menu{
	width:220px;
	margin-top:0px;
	float:left;

	}
#menu .title_area{
	background-image: linear-gradient(to top, #e3e5e9 0%, #f4f5f7 100%);
	padding:.8em 0;
	padding-top:.5em;
	
	border:1px solid #e7e7e8;
	border-radius: 0 3px 3px 0px;
	font-size:.9em;
	line-height:1.5em;
	padding-left:5px;
	padding-left:0;
	padding-bottom:.5em;
	font-weight: bold;

	}
	
.title_area span{
	margin-left: 10px;

				 
				 
				 
				 }

#menu ul li{
	font-size:.8em;
	background-image:url(/prx/000/http/www.css20.com/img/rightico.png);
	background-repeat:no-repeat;
	list-style-type: none;
	padding:10px 20px;
	padding-left:30px;
	padding-bottom:10px;
	background-position:15px 25px;
	border-bottom:1px solid #d9d9d9;	
	
	}
		  
#content{
	width:1550px;
	float:left;
	margin-left:280px;
	
	
	
	
	}


#Wapper_area{
	width:100%;
	height:auto;
	margin:0 auto;
	padding-bottom:0em;
	background-color:#FFF;
	overflow:hidden;
	position:relative;
	}

#box_qa {
	display:block;
	margin:0 auto;
	overflow:hidden;
	max-width:95%;
	width:95%;
	height:100%;
}
#box {
	display:block;
	margin-right:10px;
	overflow:hidden;
	width:63%;
	padding:1.8em;
	margin-top:50px;

	height:100%;
	border-radius:4px;
	box-shadow:0px 0px 5px #999;
	margin-bottom:50px;
}

.content{
	overflow:hidden;

	}

#content .menu{
width: 250px;
    height: 500px;
    margin-top: 50px;
    margin-left: 20px;
}


#content .menu{
	background-color:#FFF !important;
	box-shadow:-2px -1px 4px #999;
	
	
	
	}

#box .box_inner {
	height:auto;
	overflow:hidden;
	padding:0 2%;
	padding-top:15px;
	margin:0;
	margin-left:0em;
	padding-bottom:10px;
	border:2px solid #dddfe1;
	background-image:url(/prx/000/http/www.css20.com/img/back.png);
	background-repeat:repeat;
}
section {
	
}
.text-center {
	text-align:center;
}
/*　レイアウト系ここまで */

/* ヘッダー */

#gHeader .logo {
	display:block;
}


.bengoshi-list li .inner{
	padding:1em;

	
	}


dt {
    width: 40px;
    background: #fff;
    text-align: center;
    color: #666;
    margin: 0;
	margin-right:.5em;
	border:1px solid #2386ce;
	padding:0 .4em;
	color:#2386ce;
	font-size:.9em;
    font-weight: 500;
	display:inline;
}

dd {
    width: auto;
    text-align: center;
    color: #0b0b0b;
    margin: 0;
    font-weight: 400;
	display:inline-block;
	margin-right:1em;
}


#header_top .logo img{
	width:25%;
	float:left;
	margin: 0;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:5px;
}

#header_top .top_back{
	

	}

#header_top .sitelink_ico {
	
	margin-top:12px;
	margin-right:10px;
	margin-left:-20px;
	width:50px;
	height:50px;
	float:right;
	padding:0;
	border-left:1px solid #CCC;
	background-color:#0d2675;
}

#header_top .sitelink_ico img{
	width:30px;
	padding-left:9px;
	padding-top:10px;
	padding-right:0px;
	}


ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
	}
	




.box{
	float:right;
	text-align:left;
	width:780px;
	margin:10px 0;
	
	}
	
.box ul{
	margin:20px;
	width:1000px;
	
	margin:20px auto;
	padding:20px;
	border:2px solid #e2cba7;
	list-style-type: none;	
	}	
	
	
.box h2{
	color:#FFF;
	width:100%;
	font-size:1.1em;
	display:block;
	padding:40px 0;
	padding-top:28px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:-10px;
	text-align:left;
	padding-left:65px;
	line-height:1.3em;
	text-shadow:1px 1px 2px #900;
	background-image: url(/prx/000/http/www.css20.com/img/midashi_bak.png);
	background-repeat: no-repeat;
	letter-spacing: 2px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	
	}
	
	.ciiki_area{
		overflow:hidden;
		
		
		}



.right{
	float:right;
	
	}
	
.left{
	float:left;
	
	
	
	}

	
.box_area{
	width:50%;
	margin-bottom:15px;
	
	
	}






#header_top nav{
	background-color:#e8e8e8;
	width:100%;
	height:45px;
	line-height:1em;
	clear: both;
	margin-right: auto;
	margin-bottom: 0;
	margin-bottom:0em;
	margin-left: auto;
	font-weight: 800;
	}

#header_top nav a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ＭＳ Ｐゴシック", monospace, sans-serif;
	font-size:.7em;
	padding:1em;
	color:#333;
	font-weight: 700;
	text-decoration: none;
	-webkit-scroll-behavior:smooth;
scroll-behavior:smooth;

	
	}



#header_top nav li:first-child a:hover{
	color:#fff;
	background-image:url(/prx/000/http/www.css20.com/img/home.png);
	background-repeat:no-repeat;
	background-color:#d6d6d6;
		background-position: 15px center;
	}
	
	
	
	#header_top nav  a:hover{
		background-image:none;
		background-color:#d6d6d6;
		
		
		}
	
		#header_top span{
			display:inline-block;
			margin-top:-15px;

	}

#menu .title_area span{
	display:inline-block;
	padding-left:10px;
	border-left:3px solid #333;

	}

#menu{
	border:4px solid #e6e1e1;
	  border-radius: 5px;
	
	
	
	}
	

.buttom_item >a{
	color:#0068f5;
	position:absolute;
	right:0;
	font-size:1.1em;
	padding:.4em .5em;
	padding-right:30px;
	top:20px;
	border:1px solid #0068f5;
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
	background-image: url(/prx/000/http/www.css20.com/img/buttom_icon.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	}

#header_top nav ul li{
	border:none;
	float:left;
	font-size:1.1em !important;
	display:inline-block;
	padding:0em 1.6em;
	}

#header_top nav ul li:first-child{
	border:none;
	display:inline-block;

	}



#header_top nav ul li:first-child{
	border:none;
	display:inline-block;
	background-image: url(/prx/000/http/www.css20.com/img/home.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	
	}



.menubox{
	
	
	
	}

.footer_inner ul li:first-letter{
	color:#333;
	font-size:1em;
	
	}
	
.footer_inner li:first-letter{
	padding-right:0;
	margin-right:0;
	
	
	
	}

#header_top .head_inner a{
	margin-top:35px !important;
	
	
	
	}


#header_top .logo{
	margin-top:5px;
	
	
	
	
	}
#header_top .head_inner{
	padding:0px 0;
	text-align:center;
	
	
	
	
	}

.head_inner img{
	margin-top:15px;
	
	
	}

.head_inner ul li{
	margin-top:-20px !important;
	line-height:1.8em;
	display:inline-block;
	
	}
	
#header_top span{
	display:inline-block;
	margin-top:-30px !important;
	margin-left:30px;
	
	}
	
	

#header_top .head_inner a{
	border:none;
	margin-top:0px;
	margin-right:0;
	padding-right:0;
	margin-top:0;
	padding-top:5px !important;
	line-height:.2em;
	
	
	
	
	}


#header_top h1{
	color:#999;
	text-align:left;
	padding-left:8px;
	color:#6a4d4d;
	font-size:12px;
	
	}

#header_top{
	background-color:#fff;
	}
	
#content{
	padding:.5em 1.8em;
	min-height:1000px;

	}
	
.menu_bar{
	width:80%;
	
	background-color:#000;
	
	}
	
	
	
.menu_bar ul{
	margin-left:0;
	padding-left:0;
	

	}

	
.menu_bar ul li{
	display:inline-block;
	padding:.5em 0;
	}
	
.menu_bar{
	margin-top:10px;
	 border-radius:5px;
	
	}
	
.menu_bar ul li a{
	padding:.5em 1em;
	border-right:1px solid #333;
	
	
	
	
	
	}
	

#header_top .head_inner {
	position:relative;
	overflow:hidden;
	background-color:#ffffff;
	width:1100px;
	text-align:left;
	height:80px;
	margin:0 auto;
}

.head_inner a{
	background-image: url(/prx/000/http/www.css20.com/img/ico_right.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:25px;
	margin-right:15px;
	border-right:1px dotted #333;
	padding-right:15px;
	display:inline-block;
	height:20px;
	line-height:0px;
	
	
	
	
	}

#header_top img {

}


nav ul{
	width:1100px;
	display:block;
	margin:0 auto;

	}

#header_top nav ul li{
	padding:0em 0;

	
	}
	
	#header_top nav ul li:before{
		display:block;
		width:1px;
		height:20px;
		border-right:1px solid #4f080a;
	}

#header_top nav ul li a{
	width:190px;
	height:20px;
	display:inline-block;
	text-align:center;
	font-size:.8em;
	line-height:1.8em;
	padding:1em 0;
	font-family:"游ゴシック", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#3e4044;
	border-right:1px solid #d3d5d8;
	font-weight: 900;
	letter-spacing: 1px;

	}


#header_top .head_inner a{
	color:#333;
	float:right;
	padding-top:0px;
	margin-top:22px;
	line-height:0px;

	
	
	
	}

#Top_title {
	height:200px;
	padding:.3em 0;
	padding-bottom:5em;
	background-image: url(/prx/000/http/www.css20.com/img/top_title.jpg);
	background-repeat:no-repeat;
	position: relative;
	background-position:center;
	background-size:auto;
	text-align:left;
	z-index: 0;
	overflow: hidden;
	background-color:#a4def0;
	margin-bottom:0px;
}

#Top_title:before{
  content: '';

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.bengoshi-list ul{
	margin:2em 1em;
	list-style-type: none;	
	}
.bengoshi-list li{
	font-size:.9em;
	border:2px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom:1.5em;
	background-color:#FFF;
	box-shadow:1px 1px 3px #dbdbdb;
	font-feature-settings: "palt";
}

.bengoshi-list .titlepaner{
	padding:.8em 1em;
	padding-left:40px;
	font-size:1.4em;
	background-color:#ebebeb;
	border-top:1px solid #fafafa;
	font-weight: bold;
	background-image: url(/prx/000/http/www.css20.com/img/right_icon.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}


.qwestion{
	border:1px solid #cbcbcb;
	margin:1em;
	
	}

.qwestion li:before{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:32px;
	height:32px;
	font-size:.8em;
	color:#FFF;
	padding:.3em .3em;
	padding-left:.35em;
	margin-right:.5em;
	content:"Q";
	background-color:#1e82df;
	border-radius: 5px;
	font-weight: bold;	
	}
	
.qwestion li{
	border-bottom:1px solid #eaeef2;
	padding-bottom:.2em;
	
	
	}


.qwestion .title_paner{
	color: #FFF;
	background-color:#4b75b9;
	border:1px solid #cbcbcb;
	padding:.4em;
	padding-left:38px;
	font-size:1.2em;
	letter-spacing: 0.05em;
	font-weight: 700;
	background-image: url(/prx/000/http/www.css20.com/img/righthwite_ico.png);
	background-repeat: no-repeat;
	background-position: 13px 54%;
	}
	
	
.qwestion ul {
	padding:1em;
	list-style-type:none;
	
	
	}


.bengoshi-list .titlepaner a,.bengoshi-list .titlepaner a:visited{
	color:#1a50d9;
	}
	
.bengoshi-list a:visited{
	color:#1a50d9;
	
	}



.bengoshi-list a:hover{
	color:#e54d1f;
	
	}

.bengoshi-list p{
	margin:1em;
	
	
	}

.ichiran{

	background-size:100% 100%;
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center 0%;
    position: relative;
	}



#sab_title2 {
	color:#0d2675;
	text-shadow:0 0 5px #FFF;
	position: relative;
	margin-bottom: 1em;
	padding:4.5% 0;
	text-align: center;
	font-size:3em;
	font-weight: bold;
}


.qa_top_title {
	color: #FFF;
	margin: 0em auto;
	margin-top:0px;
	padding-left: 0em;
	letter-spacing:0px;
	height:100%;
	z-index:99;
	text-shadow: 0px 0px 8px #2b3d52 !Important;
	font-size:1em;
	position: relative;
	line-height:0em;
}
 h1.qa_top_title::first-line {
    font-size: 2rem !important;
}
#Top_title .title {
	text-align: left;
	
}

#toptitle{
	margin-bottom:20px;
	
	}

#Top_title .pading{
	padding:5% 0;
	
	
	}

#Top_title .text {
	display: inline-block;
}
#sab_title {
	font-size: 3rem;
    line-height: 1em;
	height:30%;
	text-align:center;
	padding:25% 2%;
	color:#FFF;
	font-weight: bold;
	margin:0em auto;
	text-shadow:0px 0px 8px #463c3c;
}

#sab_title2 {
   	font-size: 3rem;
    line-height: 1em;
	width:1000px;
	height:35%;
	line-height:1.2em;
	text-align:left;

	color:#FFF;
	font-weight: bold;
	margin:0em auto;
	text-shadow:0px 0px 8px #364c6a;

}

#sab_title .text ,#sab_title2 .text {
	text-align:left;
	font-size:26px;
	font-weight: normal;
	line-height:1em;
	margin:1.6em 0em;
	margin-right:0;
}
.introduction_box {
	font-size:1em;
	line-height:1.8em;
	background-color:#FFF;
	padding:0em 0em;
	margin-bottom:2em;
}



/* ヘッダーここまで */

.bengoshi_title {
	font-size:1.6em;
	margin-bottom:0;
	font-weight: bold;
	color: #FFF;
	background-color: #003366;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}
table.button {
	table-layout:fixed;
	border:2px solid #FFFFFF;
	border-collapse: collapse;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	width: 100%;
}
table.button td {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	background: #F39C12;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
table.button td a {
	color: #fff;
	text-decoration: none;
	display:block;
	width:100%;
	height:100%;
}
table.button td a:visited {
	color: #fff;
	text-decoration: none;
	display:block;
	width:100%;
	height:100%;
}
table.card {
	width: 100%;
}
table.card td.tyuuryokubunya {
	font-size: 1.2em;
	background: #F39C12;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
table.card td.img_bengoshi {
	width: 40%;
}
/* 見出し */

.content_ttl {
	font-size:1.5em;
	margin-top:0em;
	margin-bottom:1em;
	font-weight: 600;
	color: #234378;
	letter-spacing:2px;
	line-height:25px;
	background-image: url(/prx/000/http/www.css20.com/img/info_icon.png);
	background-repeat: no-repeat;
	background-position: left 55%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding:.8em 0;
	padding-top:20px;
	padding-left:45px;
}

.box-title{
	background-color:#d5e0f1;
	text-align:center;
	    height: 80px;
    padding: 10px;
}


.box-title > span{
	color:#2261a7;
	font-size:2.2em;
	padding:1em 0;
	display:block;
	vertical-align: middle;
	text-align: center;
	text-indent: 0.02em;	
	}



.rank{
	background-image: url(/prx/000/http/www.css20.com/img/ranking.svg);
	background-size:30px 30px;
	padding:5px 0;
    padding-left:55px;
	background-repeat: no-repeat;
	background-position: 16px center;
		border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0!important;
	}
	
.catettl{
	text-align:left;
	margin: 0;
	padding:0 20px;
    margin-bottom: 2%;
    line-height: 30px;
	
	}

h1{
	font-size:1.8em;
	
	}

.top_tl {
	margin-bottom:0em;
}
.category_ttl {
	font-size:1.1em;
	margin-bottom:1.4em;
	font-weight: bold;
	color: #1e1e1e;
	background-color: #fdfdfd;
	padding:.9em 0em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #144976;
	margin:0 4.6%;
	margin-bottom:1.5em;
}
h3 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.5em;
	margin-bottom:0;
	margin:25px 0;
	font-weight: bold;
	color: #1d1d1d;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	word-spacing: 15px;
	letter-spacing: 2px;
	background-color:#F1F1F1;
	border-radius: 5px;
}

	.ciiki_area h3{
	font-size:1.6em;
	font-weight: bold !important;
	margin:.8em 0;
	padding:10px ;
	letter-spacing: 1px;
	border:none;
	background-color: #F3F3F3;
		
		
		
		
		}

h4{
	margin:1em 0;
	color:#FFF;
	background-color:#658dce;
	padding:.3em 2.6em;
	font-weight: bold;

	
	}
	
.r_ttl{
	background-image: url(/prx/000/http/www.css20.com/img/h4iconred.png);
	background-repeat: no-repeat;
	background-position: 12px 9px;	
	background-color:#C45352;
		text-shadow:1px 1px 2px #6d202d;
	}

.b_ttl{
	background-image: url(/prx/000/http/www.css20.com/img/h4iconbr.png);
	background-repeat: no-repeat;	
		background-position: 12px 9px;
			text-shadow:1px 1px 2px #204c6d;
	}




/* 見出しここまで */

.bengoshi_result_card {
	border: solid #3CF;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	background: #fdffe1;
	font-size: 0.8em;
}
.bengoshi_name {
	font-size: 1.5em;
	font-weight: bold;
}
.bengoshi_jimusho {
	font-weight: bold;
}
.bengoshi_comment {
	border: 1px solid #B2DDFF;
	color: #111111;
}
.bengoshi_coupon {
	border: 1px solid #B2DDFF;
	color: #111111;
}
.result_shiborikomi_button {
	font-size: 1.2em;
	background: #F39C12;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	border: 2px solid #FFFFFF;
	width: 100%;
}
.qa_q {
	width: 100%;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	display: flex;
	flex-direction: row;
}
/* ぱんくずリスト */

#breadcrumbs {
	background-color:#f1f1f1;
	margin:0 auto;
	margin-bottom:20px;
	font-size: .9em;
	font-weight: bold;
	color: #111111;
	padding: .8em 1.1em;
	padding-left:20px;
	clear: both;
	border-bottom: 1px dotted #bbb;
	font-family: arial, helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", clean, sans-serif;
	z-index:80;
	
}
nav#breadcrumbs a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #1b386d;
}
nav#breadcrumbs ol {
	width:1080px;
	margin:0 ;
	padding: 0px;
}
nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
}
nav#breadcrumbs ol li:before {
	content: " > ";
	color:#333;
	font-weight: 600;
}
nav#breadcrumbs ol li:first-child:before {
	content:"";
}
/*ぱんくずリストここまで　*/

/*　メインコンテンツ　*/



/* 人気の質問 */
.qwestionranking_box {
	width:680px;
	overflow:hidden;
	padding-top:0px;
	margin:0%;
	margin-bottom:20px;
}


.faq_heading2 {
	width:460px;
	line-height:15px;
	font-size:1em;
	padding-left:60px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:0;
	font-size:110%;
	font-weight: bold;
	color: #1436BE;
	position: relative;
}
.faq_heading a,.faq_heading2 a {
	font-size:1.28em;
	line-height:1.6em;
	color: #369;
	text-decoration: underline;
}

.faq_intro{
	float:right;
	width:565px;
	margin-top:10px;
	
	}
	
.faq_intro2{
	float:left;
	width:600px;
	border-top:2px #999 dotted;
	margin-top:10px;
    padding:0 10px;
	padding-top:20px;
	}

.faq_heading a::before, .faq_heading2 a::before{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 116%;
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0;
}
.faq_heading::before,.faq_heading2::before{
	font-weight:100;
    content: "Q";
    display: inline-block;
    font-size: 23px;
    color: #fff;
    background: #2997C4;
    width: 35px;
    height: 35px;
	   position: absolute;
    line-height: 35px;
    text-align: center;
    border-radius: 120px;

    margin-right: 14px;
    margin-left: -50px;
}


.faq_intro {
	font-size:1.1em;
	margin-bottom: 0em;
	padding: 0em;

	color: #252525;
	background-color: #FCFCFC;
	line-height:1.5em;
	margin-bottom:0px;
}
.bc {
	background-color:#f5f5f5;
}
/* すべての質問 */

.Allqwestion {
	overflow:hidden;
	background-image: url(/prx/000/http/www.css20.com/img/back.png);
	background-repeat: repeat;
}
/*　メインコンテンツここまで　*/








/*　メニュー　*/

#common_info{
	float:left;
	width:240px;
	margin-left:5px;
	margin-left:10px;
	margin-bottom:2em;
	}

#common_info .siteber ul li a{
	display: block;
	width:182px;
	font-size:14px;
	margin-bottom:0;
	font-weight: bold;
	text-align: left;
	color: #323232;
	background-color: #fbfbfb;
	padding:.8em 0em;
	padding-left:45px;
	border-bottom: solid 1px #b6b6b6;
	border-right: solid 1px #b6b6b6;
	border-left: solid 1px  #b6b6b6;
	list-style-type: none;	
transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
}


#common_info .siteber ul li a:hover {
    background-color: #eaeaea;
    }
#common_info .siteber ul li a:link{
	color: #242424;
	text-decoration: underline;
	font-weight:100;	
	}

#common_info .siteber ul{
	overflow:hidden;
	padding:5px;
	background-color:#f2f2f2;
	border-top:1px solid #888888;
	
	}

#common_info .siteber li {
	width:230px;
	background-image:url(/prx/000/http/www.css20.com/img/rightico.svg),rgb(255,255,255),-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%),-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%),linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);

	background-repeat:no-repeat;
	background-position:96%;
	float:left;
	border-left: solid 1px #dbdbdb;
	

}

#common_info .siteber li:first-child{
	border-top: solid 1px #999;
	
	}
#common_info .siteber .Menutitle {
background-size: 28px 28px;
	padding:1.2em 0;
    padding-left: 38px;
	font-size:.9em;
    background-repeat: no-repeat;
    background-position: 10px center;
	background-image: url(/prx/000/http/www.css20.com/img/category_ico.svg);
	background-size:9%;
    margin-bottom: 0;
	margin-top:0em;
	line-height:1em;
}

/*アイコン指定*/

#common_info .siteber li:nth-child(1) a{
		background: url(/prx/000/http/www.css20.com/img/test/001.png),rgb(255,255,255);
		background: url(/prx/000/http/www.css20.com/img/test/001.png),-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;

}


#common_info .siteber li:nth-child(2) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/003.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}



#common_info .siteber li:nth-child(3) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/002.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}

#common_info .siteber li:nth-child(4) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/roudou.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}


#common_info .siteber li:nth-child(5) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/okane.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}


#common_info .siteber li:nth-child(6) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/004.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}


#common_info .siteber li:nth-child(7) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/sagi.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}


#common_info .siteber li:nth-child(8) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/005.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}

#common_info .siteber li:nth-child(9) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/006.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}

#common_info .siteber li:nth-child(10) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/007.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}

#common_info .siteber li:nth-child(11) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/008.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}

#common_info .siteber li:nth-child(12) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/009.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}

#common_info .siteber li:nth-child(13) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/010.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}


#common_info .siteber li:nth-child(14) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/011.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}

#common_info .siteber li:nth-child(15) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/012.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}

#common_info .siteber li:nth-child(16) a{
		background-image: url(/prx/000/http/www.css20.com/img/test/013.png);
		background-position:8px center;
		background-size:24px;
		background-repeat:no-repeat;
}



#pagetop {
	width:100%;
	padding:0px 0;
	background-color:#ececec;
	color:#1a1a1a;
	border-bottom:1px solid #d0d2cd;
}
#pagetop a {
	font-size:0.8em;
	color:#1a1a1a;
	text-decoration: none;
}


	
	
/*　メニューここまで　*/


/* 改ページ質問 */

.question_area {
	margin-top:0em;
	border-bottom:1px solid #CCC;
	padding-top:5px;
	padding:.5em;
	margin:0%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:4px #CAE2FF solid;
	background-color:#d1e3fd;
}
.answer_area {
		padding:0 .5em;
	border: 4px #fed1d1 solid;
	background-color: #fed1d1;
	padding-top:10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin:15px 0%;
	margin-bottom:25px;
}
.question_area .question_post {
	width:93%;
	position: relative;
	display: inline-block;
	margin: .7em 0;
	margin-bottom:0;
	padding: 15px 20px 7px 20px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	line-height:1.8em;
	border:1px solid #CCC;
	background-color:#FFF;
	
	background-repeat: repeat;
}

.question_area .question_post p ,.answer_area .answer_post p{
	color:#333;

background-image:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 97%,
      #ddd 97%,
      #ddd 100%
    );
  background-size:100% 2em;
  line-height:2;

}
.question_area .question_post:after {
	content: "";
	position: absolute;
	top: -20px;
	left: 8%;
	margin-left: -14px;
	border: 13px solid transparent;
	border-bottom: 8px solid #FFF;
}
.question_area .question_post:before {
	content: "";
	position: absolute;
	top: -21px;
	left: 8%;
	margin-left: -14px;
	border: 13px solid transparent;
	border-bottom: 8px solid #CCC;
}
.answer_area .answer_post {
	width:93%;
	position: relative;
	display: inline-block;
	margin: .5em 0;
	margin-bottom:10px;
	padding: 15px 20px 7px 20px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 17px;
	line-height:1.8em;
	border:1px solid #CCC;
	background-color:#FFF;
	background-repeat: repeat;
}
.answer_area .answer_post:after {
	content: "";
	position: absolute;
	top: -20px;
	left: 8%;
	margin-left: -14px;
	border: 13px solid transparent;
	border-bottom: 8px solid #FFF;
}
.answer_area .answer_post:before {
	content: "";
	position: absolute;
	top: -21px;
	left: 8%;
	margin-left: -14px;
	border: 13px solid transparent;
	border-bottom: 8px solid #CCC;
}

.answer_area .answer_post ul{
	margin-left:1.5em;
}

.group_box {
	border:1px #CCC solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	list-style-position: inside;
	padding-left:10px;
	padding:.2em .5em;
	box-shadow:1px 1px 0 #CCC;
}
.group_box li {
	border-bottom:1px dashed #CCC;
	padding:.5em;
}
.group_box li:last-child {
	border-bottom:none;
}
.question_title {
	float:right;
	display: inline;
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:0;
	font-weight: bold;
	color: #1C397C;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0;
	padding-left: 0em;
	border-radius: 5%;
	width: 540px;
}
.question_title:before {
	content: "Q.";
	color:#F00;
	margin-right:.5em;
}
.qa_a {
	width: 100%;
	padding-bottom: 0.5em;
	display: flex;
	flex-direction: row;
}
.answer_title {
	font-size:1.3em;
	margin-bottom:0;
	margin-left:20px;
	font-weight: bold;
	color: #191919;
	padding-top: .3em;
	padding-right: 0.1em;
	padding-bottom: 0.5em;
	padding-left: 0.3em;
	border-radius: 5%;
	line-height:1.4em;
	width: 540px;
	float:right;
}
.answer_title:before {
	content: "A.";
	color:#F00;
	margin-right: .5em;
}
.question_itembox {
	position:relative;
	background-color:#FFF;
	margin:0 auto;
	padding:0 10px;
	box-shadow:0px 1px 3px #999;
	margin-bottom:1.5em;
	height:auto;
	padding-bottom:10px;
	overflow:hidden;
	min-height:80px;
}

.question_itembox .faq_heading{

	width:auto;
	line-height:15px;
	font-size:1em;
	padding-left:60px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:0;
	font-size:110%;
	font-weight: bold;
	color: #1436BE;
	position: relative;

	}

.cback{
	background-color:#f8f8f8;
}

.question_itembox a {
}
.question_itembox a:link {

}
.question_itembox a:visited {
	text-decoration: none;
}
.question_itembox a:hover {
	text-decoration: none;
}
.question_itembox a:active {
	text-decoration: none;
}
.qa_category a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
}
.qa_header_title {
	font-size:1.2em;
	margin-bottom:0;
	font-weight: bold;
	color: #224B8B;
	background-color: #FFFFFF;
	padding-top: 0.5em;
	padding-right: 0.1em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
	display: inline-block;
	float:left
}
.qa_header_name {
	font-size:0.8em;
	margin-bottom:0;
	font-weight: bold;
	color: #224B8B;
	background-color: #FFFFFF;
	padding-top: 0.5em;
	padding-right: 0.1em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
	display: inline-block;
}
.qa_category_tag {
	text-align: right;
	background-color: #224B8B;
	color: #FFF;
	float: right;
}
.topagetop {
	font-size:1.2em;
	text-align: right;
	background-color: #224B8B;
	color: #FFF;
}
.topagetop a:link {
	color: #FFF;
	text-decoration:none;
}
.topagetop a:visited {
	color: #FFF;
	text-decoration:none;
}
.topagetop a:active {
	color: #FFF;
	text-decoration:none;
}
.topagetop a:hover {
	color: #FFF;
	text-decoration:none;
}
.lowerpart {
	width:100%;
	font-size:0.8em;
	padding:1em 0;
	color: #fff;
	margin:0;
	margin-top:2em;
	background-color:#3f3d3d;
	text-align: center;
	clear:both;
}
.inner .box_inner {
	padding:0 2%;
	width:900px;
	background-color:#FFF;
	box-shadow: 0 0 10px 5px rgba(0,43,20,.1);
}
.qanda_image {
	width:80px;
	float:left;
	margin-left:.2em;
}
.qanda_image img {
	width:90px;
}
.blockquote {
	position: relative;
	color: #555;
	background: #efefef;
	width: 96%;
	margin: 20px auto 10px auto;
	padding:40px 2% 10px 2%;
}
.blockquote:before {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width:16px;
	height:16px;
	vertical-align: middle;
	content: url(/prx/000/http/www.css20.com/img/quotasion.png);
	color: #ffffff;
	font-size: 20px;
}
blockquote span {
	font-size:.8em;
	display:block;
	text-align:right;
	padding:.5em;
}
.blockquote ol {
	margin:1em .5em .5em 2em;
	list-style-type: cjk-ideographic;
}
.blockquote div {
}
sup a:link, sup a:visited {
	color: #d40014 !important;
}
.AllQwestion_buttom {
	font-size:16px;
	display:block;
	position: relative;
	z-index: 2;
	width:290px;
	height:20px;
	line-height:1.4em;
	margin:0 auto;
	margin-top:1.3em;
	margin-bottom:.8em;
	padding:.8em 0;
	padding-left:0em;
	text-align:center;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border:1px solid #0a2d52;
	box-shadow: 1px 1px 0px #96a1b8;
	background-color:#FFF;

	background-position:left;
	background-position: 96%;
	text-decoration: none;
	color:#FFF;
	background-color:#002584;
	font-weight: bold;
	clear:both;
	border-radius:  90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
}
.AllQwestion_buttom img {
	width:18px;
	margin:0;
	margin-top:5px;
	padding:0;
	vertical-align:middle;
	display:block;
}
.AllQwestion_buttom:before {
	display: inline-block;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);

	background-repeat: no-repeat;
	vertical-align:middle;
	width:20px;
	height:20px;
	top:12%;
	left:10%;
	position:absolute;
}
.OtherQwestion_buttom {
	font-size:16px;
	display:block;
	position: relative;
	z-index: 2;
	width:380px;
	height:20px;
	line-height:1.5em;
	margin:1em auto;
	padding:.8em 0;
	padding-left:0em;
	text-align:center;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border:1px solid #0a2d52;
	box-shadow: 2px 3px 0px #CCC;
	background-color:#FFF;
	background-image: url(/prx/000/http/www.css20.com/img/allqwstion_ico.svg);
	background-repeat: no-repeat;
	background-position:left;
	background-position: 96%;
	text-decoration: none;
	color:#0a2d52;
	font-weight: bold;
	clear:both;
}
.OtherQwestion_buttom img {
	width:18px;
	margin:0;
	margin-top:5px;
	padding:0;
	vertical-align:middle;
	display:block;
}
.AllQwestion_buttom:before {
	display: inline-block;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	background-repeat: no-repeat;
	vertical-align:middle;
	width:16px;
	height:16px;
	top:12%;
	left:10%;
	position:absolute;
}
.Qwestion_buttom {
	margin-top:15px;
	width:30%;
	right:10px;
	font-size:1em;
	clear:both !important;
	display:block;
	line-height:30px;
	margin:0;
	margin-top:10px;
	padding:0% 0;
	padding-left:0%;
	text-align:center;
	margin-left:0;
	margin-bottom:0%;
	background-color: #668ad8;
	color:#FFF !important;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #596bae;
	background-repeat: no-repeat;
	background-position:35% 49%;
	background-size:17px 17px;
	float:right;
	margin-right:10px;
}
.Qwestion_buttom img {
	width:18px;
	margin:0;
	margin-top:5px;
	padding:0;
	vertical-align:middle;
	display:block;
}

.cate-common{
	position:absolute;
	right:10px;
	top:20px;
	font-size:13px;
	color:#C00;
	padding:0 .2em;
	display: inline-block;
	margin-right:.5em;
	border:1px solid #dd0000;
	text-decoration: none;
	font-weight: bold;
	float:left;
	}
	
	
.Answer_item {
	margin-left: 2em;
}
/*　フッター　*/

footer {
	clear:both;
	width:100%;
	background-color:#f7f7f7;
	padding-top:10px;
	margin:0 auto;
	display:block;
	margin-top:60px !important;
	display:block;
	clear:both;
	margin-top:0em !important;
	padding-top:0;
}

footer span{

	display:inline-block;
	color:#333 !important;
	padding-left:15px;
	margin-bottom:.6em;
	font-size:1.4em;
	color:#FFF;
	font-weight: bold;
	letter-spacing: 1px;	
	}

.footer_inner ul li{
	margin-left:35px;
	list-style-type: disc;	
	
	
	}

.footer_inner img{
	margin:1em 0;
	
	}

.footer_inner{
	color:#333 !important;
	font-size:.9em;
	width:1100px;
	margin:1.2em auto;
	margin-top:1.8em;
	}
	
	footer{
		margin-top:0px !important;
		   
		   
		   }
	
	
.footer_inner li{
	margin:1em 0;
	list-style-type: none;
	margin-bottom:.5em;
	
	
	}
	
.footer_inner a{
	font-size:1.3em !important;
	color:#2b2b2b;
	font-weight: 700;
	margin:1em 0;
	text-decoration: none;
	}

footer .inner {
	padding:5em 0;
	
}

footer .footermenu {
		width:850px;
		float:right;
	}

footer .footermenu ul{
	width:250px;
	float:left;
	
	}

footer .footermenu .title{
	font-size:1.5em;
	
	}

footer .logo{
	display:inline;
	
	}

footer .logo img {
	width:23%;
}

.cate{
	padding:0 2%;
	text-align:center;
	margin-bottom:0;
	
	
	}

	 .pc_view{
		 display:block !important;
		 
		 }
	
	 	 .sm_view{
		 display:none !important;
		 
		 }
		 
		 .fd{
			 height:300px;
			 background-color:#ebe6e4;
			 }
		 .fd .inner{
			 width:1200px;
			 margin:0 auto;
			 display:block;
}

.navmenu{
	width:600px;
	float:right;
	
	}
.navmenu .menu-parent .menu-child {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  margin-left: -40px;
  width: auto;
  box-sizing: border-box;
  padding: 0px 20px;
  background-color: #FFF;
  border: 1px solid #000;
}


		 .sm_view{
		 display: none!important;
		 
		 }
		 .pc_view{
		 display: block !important;
		 
		 }

.card_box{
	height:300px !important;
	
	
	
	}
.card_box img{
	width:100%;
    opacity: 1;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
	
	
	}
	.card_box p{
		margin:1.1em .8em;
		
		}
	
.card_box:hover img { opacity: .5;
}	


.card_box{
	height:265px;
	font-size:0.9em;
	line-height: 1.8em;	
	
	}
	

.menu_bar ul{
	margin-bottom:20px;
	
	}

.menu_bar ul li a{
	color:#FFF;
	font-size:.5em;
	
	}

.menu_bar ul li{
	font-size:1.3em;
	margin:0em 0;
	}
	
.menu_bar ul li img{
	margin-top:.1em;
	vertical-align: middle;
	padding:0 1em;
	padding-left:10px;
	
	}
	
.menu_bar ul li a{
	padding:0;
	
	
	
	}

.menu_bar ul li a{
	padding:.5em .4em;
	vertical-align: middle;
	padding-right:1em !important;
	}

@media screen and (min-width: 620px) {
  .navmenu.menu-parent:hover .menu-child {
    visibility: visible;
    opacity: 1;
  }
  
}



 @media screen and ( max-width:479px ) {
	 
	 .slick-slide{
		 width:100%;
		 
		 
		 
		 }
	 .menu_bar{
		 width:100%;
		 
		 
		 
		 }
		 
		 
		 	#content{
	height:100% !important;
		
		
		
		}
  
  
		 .menu_bar{
			 width:95%;
			 margin:0 .5em;
			 
			 
			 
			 
			 }
		 
	
		.menu_bar ul li{
			padding:.3em 0;
			}
			
		.menu_bar ul li a{
			padding:0 10px;
			
			
			
			}
	 
	 #header_top h1{
		 padding-left:10px;
		 
		 
		 }
	 
	 .box{
		 width:100%;
		 
		 
		 
		 }
		 
		.box_area{
			width:100%;
			
			
			
			}
	 
	 .box ul{
		 width:90%;
		 
		 
		 
		 }
	 
	 
	 .qwestion{
		 
		 
		 }
		 
		#menu{
			display:block;
			width:90%;
			margin:0 15px;
			
			
			}
	 
#header_top .head_inner {
	overflow:hidden;
	width:100%;
	background-color:#ffffff;
	margin:0 auto;
}

#header_top .logo img{
	width:60%;
	padding-top:10px;
	padding-left:0px;
	
	
	}




#sab_title2:first-line{
	font-size:.7em;
	
	
	}
	 
	#Top_title{
		width:100%;
		height: 100px;
		padding-bottom:3em;
		    background-position: 60% 0%;
		}
		
	#Top_title .qa_top_title{
		width:100%;
		margin-top:10px;
		font-size:90%;
		
		}
	#header_top nav ul li {
		float:left;
    padding: 0em;
}
		
		#header_top nav a{
			padding:0 .7em;
			font-size:.8em;
			
			
			}
		
		.box-title{
			font-size:.85em;
			height:auto;
			margin-bottom:2em;
			
			}
			
		.first_ttl{
			margin-bottom:0;
			
			}
			
		.box-title > span{
			    padding: .6em 0;
				font-size:1.7em;
			
			}
		
		.content{
			background-color:#FFF;
			width:75%;
			margin:0 4%;
			
			
			}
			
			
		

.qwestion li{
	padding:.5em 0;
	
	}

#sab_title2{
	font-size:2.2em;
	width:90%;
	margin:0 4%;
	}
	
#sab_title .text, #sab_title2 .text{
	margin:2em 0;
	font-size:.5em;
	
	}

#common_info .siteber li{
		width:49%;
	}

#common_info .siteber ul li{
	padding:0;
	
	}

#common_info .siteber li a{
	 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	    display: block;
		width:75%;
		position: relative;
		padding:12% 0;
		padding-left:25%;
		font-size:12px;
			text-decoration: none;

}
	

.content_ttl{
	font-size:1.5em;
	font-weight:300;

	}
	
	.qwestion li:before{
		font-size:.9em;
		
		}
	
	
	.bengoshi-list ul{
		margin:0 .3em;
		
		
		}
		dd{
			text-align:left!important;
			display:block;
			margin-bottom:.7em;
			
			
			}
		
	.rank{
		margin:0 3%;
		margin-bottom:6%;
		    padding-left: 55px;
			line-height:60px;
		}
	 
	 .catettl{
		 font-size:15px;
		 
		 }
	 
.footer_inner{
	width:90%;
	margin-left:20px;
	
	}

.footer_inner img{
	display:block;
	text-align:center;

	
	
	}
	 
	 .buttom_item >a{
		 top:8%;
		 font-size:.95em;
		 width:19%;
		 background-position:95% 78%;
		 margin-right:.5em;
		 padding-right:0;
		 
		 }
	 
	 
	 		 .sm_view{
		 display: block !important;
		 
		 }
		 .pc_view{
		 display:none !important;
		 
		 }
	 
	 .main_imgBox{
		 height:560px !important;
		 
		 }
		 
		.main_logo{
			width:120% !important;
			left:60% !important;
			
			}
			
			#box{
				float:inherit;
				width:100%;
				box-shadow:none;
				
				
				
				
				}
			
		.content{
			width:92%;
			margin:0 auto;
			
			
			
			}
	 
	 #content{
		 float: left;
		 width:100%;
		 display:block;
		 padding:0;
		 margin-left:0;
		 border:none;
		 
		 }
		 

.logo{
	width:65%;
	margin-left:15px;
	margin-bottom:10px;

	}




	 .card_box{
		 font-size:.8em;
			 margin-top:15px !important;
			 margin-left:20px;
			 margin-right:0 !important;
			 padding-right:0;
			 
			 
			 
			 }
	#gNav .gNav-menu ol{
		width:100%;
		text-align:center;
		
		
		
		}
	
	
	}

	.box h2{
		width:80%;
		background-image:url(/prx/000/http/www.css20.com/img/midashi_bak2.png);
		background-size:100% 90%;
		margin:1em 10px;
		padding-top:25px;
		padding-bottom:30px;
		
		
		
		}
		 
		 .content{
			 width:100%;
			 
			 
			 
			 }
		 
		 .panel_view{
			 background-size:100% 100%;
			 
			 
			 
			 
			 }
				 
				 
		 
		 
		.panel_view img{
			width:100% !important;
			margin-top:0;
			height:500px;
			
			
			}
			
			  .panel_view {
    width: 100%;
	overflow:hidden;
	height:200px !important;
    margin: 0px;
  }
  
  #header_top nav ul{

	  
	  }
	  
	  
.box img{
	width:100%;
	
	
	
	
	}

#header_top nav ul li{
		   width : 11% ;
		   
	
	
	
	}

#header_top nav ul li a{
	width:100%;

	
	
	}



			
						 .slick-slide img{
							 width:100%;

				  height:300px !important;
				  
				  
				  
				  
				  }
				  
				  .area_pic{
					  display:none;
					  
					  
					  
					  }
	 
	 
	 
	 
	 }
	 
	  @media screen and ( max-width:360px ) {
		  
		  .qwestion{
			  margin:0;
			  }
			  


				  
			 .box-title{
				 font-size:.9em;
				 padding:.8em 0;
				 
				 }
				 
				.content_ttl{
					margin-top:0;
					font-size: 1.2em;
					
					}
					
					.buttom_item >a{
						font-size:.8em;
						
						
						
						}
						
					#sab_title2:first-line{
						font-size:.6em;
						}
						#header_top nav ul li{
							padding: .3em 0em;
							
							
							}
							#header_top nav a{
								
								padding: .3em .45em;
								}
								
								.buttom_item >a{
									width:23%;
									
									}
		  
		  #header_top .logo img{
			  float:inherit;
			  margin:0 auto;
			  text-align:center;
			  width:65%;
			      padding-left: 5px;
			 
		
			  }
		
		#header_top .logo{
			margin:0 auto !important;
			
			
			
			}
		
		  #content{
	height:100%;
	
	}
	
		  
		  
		  }
	 
	 

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

#common_info .siteber li{
		width:49%;
	}

#common_info .siteber ul li{
	padding:0;
	
	}

#common_info .siteber li a{
	    font-family: 'Noto Serif JP', serif;
	    display: block;
		width:72%;
		position: relative;
		padding:13% 0;
			padding-left:28%;
						font-size:13px;
	}
	
								#header_top nav a{
									font-size:.7em;
								padding: .3em .4em;
								}

.content_ttl{
	font-weight:300;
	}
	
	
	.rank{
		margin:0 3.7%;
		margin-bottom:6%;
		    padding-left: 55px;
			line-height:50px;
		}
		
	.OtherQwestion_buttom{
		padding:1em 0;
		font-size:12px;
		background-position: 90% 50%;
		}
		
.AllQwestion_buttom:before{
	top: 10%;
	    left: 14%;
	}
	

	 .footer_inner img{
		 width:100%;
		 }
		 
		 
		 #gNav .gNav-menu li{
			 padding:0;
			 text-align:left;
			 
			 
			 
			 }
	 
	 }
	 
	 
 @media screen and ( max-width:300px ) {

	 
	/*スマホ*/
	
	

#header_top nav{
	width:1000px;

}

#header_top nav ul{

		height:20px;
	float:right;
	width:600px;
			padding-left:10px;
	}


#header_top nav li{
	height:70px;
		height:20px;
	margin-top:25px;
	padding-right:0px;
	font-weight: bold;
	list-style-type: none;
	float:left;
	}
	
	#header_top nav li a{
		font-size:.8em;
	width:100%;
	height:35px;
	padding:25px 1em;
	padding-right:1em;
	margin-top:30px;
	font-weight: 100;
	list-style-type: none;
	border-left: 1px solid #e9e9e9;
	color:#333;
	text-decoration: none;
	}

#header_top nav li:last-child a {
    border-right: 1px solid #e9e9e9;


}
/*スマホ用*/



  .slick-slide img {
    width: 100%;
	margin-top:0px;
    height: auto;
  }


#gNav .gNav-menu li{
	text-align:left !important;
	
	
	}


}


		 a{
		 color:#165666;
			 
			 
			 }
#hamburger .btn-gNav{
  position: fixed;
  top: 40px;
  right: 20px;
  width: 30px;
  height: 24px;
  z-index: 3;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

#hamburger .btn-gNav span{
  position: absolute;
  width: 100%;
  height: 4px;
  background: #666;
  border-radius: 10px;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
#hamburger .btn-gNav span:nth-child(1) {
  top:0;
}
#hamburger .btn-gNav span:nth-child(2) {
  top:10px;
}
#hamburger .btn-gNav span:nth-child(3) {
  top:20px;
}
#hamburger .btn-gNav.open span:nth-child(1){
  background: #fff;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
#hamburger .btn-gNav.open span:nth-child(2),#hamburger .btn-gNav.open span:nth-child(3){
  top: 6px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
#gNav{
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #020202;
  font-size: 16px;
  box-sizing: border-box;
  z-index: 2;
  padding-top: 50px;
  transition: .3s;
}
#gNav.open{
  right: 0px;
}
#gNav .gNav-menu{
  width: 100%;
  height:100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-top:20px;
  
}

#gNav .gNav-menu ol li{
	text-align:left;
	display:block;
	padding-left:0em;
	list-style-position: inside;
	list-style-type: disc;			
			
			}
			

	
		   
#gNav .gNav-menu ol{
	
		list-style-type: disc　!important;
		margin-left:0;
	
	}

#gNav .gNav-menu li{
  display: block;
  padding : 20px 30px;
}
#gNav .gNav-menu li a{
	font-size:1.2em;
	line-height:1.5em;
	color: #ddd;
	text-decoration: none;
	font-weight: bold;
}
#gNav .gNav-menu li a:hover{
		text-decoration: underline;
	
	
	}

#gNav .gNav-menu ol{
		width:280px;
	font-size:.8em;
	line-height:1.2em;
	padding:.2em 0;
	margin-left:0;
	margin-top:20px;
	
	}
	
#gNav .gNav-menu ol li{
	width:280px;
	padding-left:0;
	padding-bottom:18px;
	list-style-type: disc;
	list-style-position: inside;
	margin-left:0px;
	}

#gNav .gNav-menu li{
	width:100%;
	padding-left:10px;
	color:#FFF !important;

	}

.card_box{
	margin-top:50px;
	width: 90%; 
	margin-right:20px;
	float:left;
	box-shadow:1px 1px 4px #CCC;
	overflow:hidden;
	height:auto;

	}





@media screen and (min-width: 600px){
	
	  
  .box_inner{
	width:100%;
	
	
	
	
	}

	
	.card_box{
		
		overflow:hidden !important;
		
		
		}
		
	.card_box img{
		overflow:hidden;
	width:100% !important;
	}
	
	
	
.card_box{
width: calc(100% / 5.3);
		margin-right:20px;
		overflow:hidden !important;

	}


.btn-gNav{
    display: none;
  }
  #gNav{

	  width:280px;
    position: fixed;
    top: 0;
    left: 0;
    height:100%;
  }
  #gNav .gNav-menu{
    display: flex;
	text-align:left;
    width: 280px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding-left: 0px;
  }
  #gNav .gNav-menu li{
	  display:block;
	  width:270px;
    padding-top: 5px;
  }

#gNav .gNav-menu ol li{
	width:85%;
	padding-left:15px;
	border:none;
	
	
	}

#gNav .gNav-menu ol{
	padding-top:15px;
		border:none;
	
	
	}

}



.box_inner{
	width:1200px;
	padding:15px;
	
	
	
	}
	
.box_inner h2{
	width:100%;
	font-size:2.2em;
	margin-bottom:1.2em;
	margin-top:.5em;
	padding:15px;
	border-left:8px solid #333;
	padding-left:20px;
	
	
	
	}

.activ strong{
    background-position: -100% .5em;
}
 
strong{
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}

.activ{
	
	
	
	}
	
	
@media screen and (max-width: 380px){
	  
  .box_inner{
	width:95%;

	}
	
	h2{
		width:85% !important;
		font-size:1.2em !important;
		line-height:1.6em;
		margin-top:0 !important;
		padding:.3em 0;
		padding-left:25px !important;
		
		}
		
	.box_inner img{
		width:95%;
		
		}
		
		h3{
			width:88%;
			font-size:1.2em;
			margin:.5em 0;
			margin-bottom:1.5em;
			}
			
			.card_box{
				margin-bottom:1.5em;

				}

#gNav .gNav-menu ol li{
	width:330px;
	padding-left:0;
	padding-bottom:18px;
	list-style-type: disc;
	list-style-position: inside;
	margin-left:15px;
	}


}

#gNav .gNav-menu li soan{
	border-bottom:1px solid #FFF;
	display:block;	
	}

#gNav .gNav-menu ol{
	margin-right:0;
	padding-right:0;
	width:90%;
	border-top: 1px solid #FFF;
	
	
	
	}