@charset "utf-8";
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	トップ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#main{
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
}
#main video{
	width:100%;
	margin-top:-10%;
	z-index:1;
}
#main:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background:url(../img/home/overlay.png);
}
#main p{
	position:absolute;
  top:40%;
	text-align:center;
  z-index: 999;
	width:100%;
	height:100%;
	font-size:7vw;
	font-weight:bold;
	line-height:0.7em;
	color:rgba(255,255,255,0.9);
	font-family: "porsche";
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#main p small{
	font-size:38px;
	font-weight: 900;
	font-family:'M PLUS 1p', sans-serif;
}

#home01 ul{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:80px 0;
	padding:0;
}
#home01 li{
	list-style:none;
	text-align:center;
	flex-basis:29%;
	-webkit-flex-basis:29%;
	max-width:29%;
	margin:0;
	background:url(../img/home/circle.png) no-repeat;
	background-size:contain;
	text-align:center;
	font-size:38px;
	line-height:1.3em;
	font-weight: 900;
	font-family:'M PLUS 1p', sans-serif;
	padding-top:40px;
}
#home01 li small{
	display:block;
	text-align:center;
	font-size:14px;
}
#home01 li img{
	width:70%;
	height:auto;
}

#home02 h3{
	color: rgba(116,187,153,1);
}
#home02 h3 small{
	display:block;
	color:#000;
}
#home02_box{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:50px 0 80px !important;
	padding:0;
}
.home02_item{
	flex-basis:33%;
	-webkit-flex-basis:33%;
	max-width:33%;
}
.home02_item ol{
	margin:0;
	padding:0;
}
.home02_item li{
	list-style:none;
	border:1px solid #000;
	background:#fff;
	box-shadow:5px 5px 0 rgba(0,0,0,0.2);
	margin:0;
	padding:10px 20px;
}
.home02_item li img{
	vertical-align:middle;
	width:70px;
	height:auto;
}
.home02_item li:nth-child(even){
	text-align:center;
	background:transparent;
	box-shadow:none;
	border:none;
	margin:10px 0;
	padding:0;
}
.home02_item li:last-child{
	padding-bottom:10px !important;
}
.home02_item:nth-child(2){
	text-align:center;
	background:url(../img/home/circle.png) no-repeat center;
	background-size:contain;
	padding:50px 0;
}
.home02_item:nth-child(2) h4{
	margin:0 0 10px;
}
.home02_item:nth-child(2) p{
	text-align:center;
	font-size:24px;
	margin-bottom:0 !important;
}
.home02_item:nth-child(2) i{
	padding:0 5px;
	color:rgba(116,187,153,1);
}
.home02_item:nth-child(2) b i{
	font-size:48px;
	display:inline-block;
	text-align:center;
	margin:10px 0;
}

#home03{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#home03 dl{
	flex-basis:31%;
	-webkit-flex-basis:31%;
	max-width:31%;
	margin:0;
}
#home03 h4{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
#home03 dl p b{
	display:block;
	font-size:21px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:5px solid rgba(116,187,153,1);
}
#home03 dd{
	margin-bottom:0;
}
#home03 .linkbox{
	font-size:16px;
	margin:10px 0;
	width:100%;
}
#case_list{
	background:rgba(116,187,153,0.1);
	padding:50px 0;
}
#case_list ul{
	margin:0;
	padding:0;
}
#case_list li{
	background:#fff;
	flex-basis:24%;
	-webkit-flex-basis:24%;
	max-width:24%;
	border:1px solid #000;
	border-left:10px solid #000;
	margin:0 0 20px !important;
	padding:20px !important;
}
#case_list li h5{
	font-size:21px;
	margin:0 0 10px;
	padding:0;
}
#case_list li h5 img{
	width:50px;
	height:auto;
	vertical-align:middle;
}
#home04 h4{
	font-size:28px;
}
#home04 .flex_content{
	margin:80px auto;
}
#home04 ul{
	margin:0;
	padding:0;
}
#home04 li{
	list-style:none;
	border:1px solid #000;
	border-left:10px solid rgba(116,187,153,1);
	margin:0 0 5px !important;
	padding:10px 10px 10px 20px !important;
	width:100%;
	font-size:18px;
}
#questlist{
	margin:80px 0;
	padding:0;
}
#questlist li{
	background:#fff;
}
#questlist li .flex_left{
	flex-basis:45%;
	-webkit-flex-basis:45%;
	max-width:45%;
	min-height:290px
}
#questlist li .flex_right{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
}
#questlist li .flex_right{
	padding:30px;
}
#questlist li h5{
	line-height:1.3em;
	border-left:10px solid #eee;
	padding-left:20px;
	font-size:21px;
}
#questlist li p{
	padding-left:30px;
	margin-bottom:10px;
}
#questlist li:nth-child(even) .flex_left{
	order:1;
	-webkit-order:1;
}

@media screen and (max-width: 1080px) {
.home02_item li img{
	width:50px;
}
.home02_item:nth-child(2) h4{
	font-size:18px;
}
.home02_item:nth-child(2) b i{
	font-size:24px;
}
.home02_item:nth-child(2) p{
	font-size:14px;
	line-height:1.3em;
}
.home02_item{
	flex-basis:38%;
	-webkit-flex-basis:38%;
	max-width:38%;
}
.home02_item:nth-child(2){
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
#home03 dl{
	flex-basis:32%;
	-webkit-flex-basis:32%;
	max-width:32%;
}
#home03 dl p b{
	font-size:18px;
}
#case_list li h5{
	font-size:18px;
}
#case_list li h5 img{
	width:30px;
}
#home04 h3{
	font-size:34px;
}
#home04 .flex_content{
	margin:50px auto;
}
#home04 h4{
	font-size:24px;
}
#home05 .center{
	text-align:left !important;
}
#home05 br{
	display:none;
}
#questlist{
	margin:50px 0;
}
#questlist li h5 a{
    font-size: 21px;
}
}
@media screen and (max-width: 880px) {
#main p small{
	font-size:4vw;
}
#home01 ul{
	margin:20px 0 0;
}
#home01 li{
	font-size:21px;
	flex-basis:32%;
	-webkit-flex-basis:32%;
	max-width:32%;
	padding:20px 10px;
}
.home02_item,
#home03 dl{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
	margin-bottom:20px;
}
.home02_item:nth-child(2) b i{
	transform:rotate(90deg);
}
#home03 dl:last-child{
	margin-bottom:0;
}
#case_list h4{
	text-align:center !important;
}
#case_list li{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
	padding:10px !important;
}
#case_list li h5{
	font-size:16px;
	margin-bottom:5px;
}
#case_list li:nth-child(3),
#case_list li:nth-child(4){
	margin-bottom:0 !important;
}
#home04 h3{
	font-size:28px;
	text-align:left;
}
#home04 h3 br{
	display:none;
}
#home04 .flex_content{
	margin:30px auto;
}
#home04 h4{
	margin-bottom:10px;
}
#home04 .center{
	text-align:left !important;
}
#home04 .flex_left{
	margin-bottom:20px;
}
#questlist{
	margin:30px 0;
}
#questlist li{
	padding:10px;
}
#questlist li:nth-child(even) .flex_left{
	order:0;
	-webkit-order:0;
}
#questlist li .flex_right{
	padding:0;
}
#questlist li h5{
	border-left:5px solid #eee;
	padding-left:10px;
	margin-top:20px;
}
#questlist li h5 a{
	font-size:18px;
    line-height: 1.3em;
}
#questlist li p{
	padding-left:0;
}
}
@media screen and (max-width: 480px) {
#home01 li{
	font-size:14px;
}
#home02_box{
	margin:20px 0 !important;
}
#home04 h3,
#home04 h4{
	font-size:21px;
}
#questlist li .flex_left{
	min-height:200px;
}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	オリジナルシステム
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#system h3{
	text-align:center;
	font-size:28px;
	margin:0 auto 10px;
}
#system01 h4{
	font-size:21px;
	padding:10px;
	background:#eee;
	text-align:center;
	margin-bottom:10px;
}
#system01 .flex-left h4{
	color:rgba(51,102,204,1);
}
#system01 .flex-right h4{
	color:rgba(116,187,153,1);
}
#system01 h4 small{
	display:block;
}
#system01 .flex_content{
	align-items:center;
	-webkit-align-items:center;
	margin:80px 0;
	padding:0;
}
#system01 .flexed{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top: 2em;
}
#system01 .flex-left{
	width: 48%;
}
#system01 .flex-right{
	width: 48%;
}
#system01 ul{
	margin:0;
	padding:0;
}
#system01 li{
	border-bottom:1px solid #ccc;
	padding:10px 0 10px 2em !important;
	list-style:none;
	margin:0 0 5px;
	text-indent:-1.9em;
}
#system01 .public li:before{
	content:"\f013";
	color:rgba(51,102,204,1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right:5px;
	font-size:24px;
	vertical-align:-5px;
}
#system01 .original li:before{
	content:"\f013";
	color:rgba(116,187,153,1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right:5px;
	font-size:24px;
}
@media screen and (max-width: 1080px){
#system .center br{
	display:none;
}
#system .center{
	text-align:left !important;
}
#system01 .flex_content{
	margin:30px 0 0;
}
#system01 li{
	padding:5px 0 5px 2em !important;
	margin:0 0 5px !important;
}
#system .flex_left,
#system .flex_right{
	margin-bottom:30px;
}
}
@media screen and (max-width: 780px){
#system h3{
	text-align:left;
	font-size:21px;
}
}
@media screen and (max-width: 480px){
#system01 h4 small{
	font-size:12px;
}
#system01 .flex-left{
	width: 100%;
	margin-bottom: 3em;
}
#system01 .flex-right{
	width: 100%;
	margin-bottom: 3em;
}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	システム開発の流れ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#cost ul{
	margin:80px 0;
	padding:0;
}
#cost li{
	list-style:none;
}
#cost li .flex_content{
	align-items:center;
	-webkit-align-items:center;
}
#cost li h3{
	background:rgba(116,187,153,0.2);
	padding:20px !important;
	line-height:1em;
	font-size:28px;
}
#cost li .flex_left{
	flex-basis:65%;
	-webkit-flex-basis:65%;
	max-width:65%;
}
#cost li .flex_right{
	flex-basis:30%;
	-webkit-flex-basis:30%;
	max-width:30%;
}
@media screen and (max-width: 880px){
#cost .center br{
	display:none;
}
#cost .center{
	text-align:left !important;
}
#cost ul{
	margin:30px 0;
}
#cost li{
	margin-bottom:50px !important;
}
#cost li .flex_right{
	margin-top:10px !important;
}
}
@media screen and (max-width: 480px){
#cost li h3{
	padding:10px !important;
	font-size:21px;
}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	オンプレミスとクラウド
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#stage01 .flex_content{
	margin:80px 0 20px;
}
#stage01 .flex_left h3{
	text-align:left;
	font-size:34px;
	margin:0 0 30px;
	padding:0;
}
.merit_table{
	margin:30px auto 80px !important;
}
.merit_table .merit,
.merit_table .demerit{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
}
.merit_table h4{
	padding:10px 20px 10px;
	text-align:center;
	font-size:24px;
}
.merit_table .merit h4{
	background:rgba(116,187,153,0.2);
}
.merit_table .demerit h4{
	background:rgba(43,103,145,0.2);
}
.merit_table dt,
.merit_table dd{
	margin:0;
	padding:0;
}
.merit dl{
	border-left:10px solid rgba(116,187,153,0.2);
	padding-left:8px;
}
.merit dt{
	font-size:21px;
	color:rgba(116,187,153,1);
}
.demerit dl{
	border-left:10px solid rgba(43,103,145,0.2);
	padding-left:8px;
}
.demerit dt{
	font-size:21px;
	color:rgba(43,103,145,1);
}
.merit_table dd{
	font-size:16px;
	padding-left:2em;
	line-height:1.3em;
}
@media screen and (max-width: 1080px){
#stage01 .center{
	text-align:left !important;
}
#stage01 .center br{
	display:none;
}
#stage01 .flex_content {
    margin: 50px 0 20px;
}
.merit_table dt{
	margin-bottom:5px !important;
}
}
@media screen and (max-width: 880px){
#stage01 .flex_left h3 {
    font-size: 28px;
    margin: 0 0 10px;
}
#stage01 .flex_left{
	margin-bottom:20px;
}
.merit_table dt{
	font-size:16px;
}
.merit_table dd{
	font-size:14px;
	padding-left:0;
}
}
@media screen and (max-width: 680px){
#stage01 .flex_left h3{
	font-size:21px;
}
.merit_table h4{
	font-size:18px;
	margin-bottom:5px;
}
.merit_table .merit,
.merit_table .demerit{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
.merit_table {
    margin: 30px auto !important;
}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	システム開発の流れ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#flow ol{
	margin:80px 0;
	padding:0;
}
#flow li{
	list-style:none;
	padding:0;
	margin:0 0 10px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
#flow li h3{
	flex-basis:30%;
	-webkit-flex-basis:30%;
	max-width:30%;
	width:30%;
	padding:20px;
	margin:0;
	background:rgba(116,187,153,1);
	font-size:21px;
	text-align:left;
	color:#fff;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
#flow li div{
	flex-basis:69%;
	-webkit-flex-basis:69%;
	max-width:69%;
	width:69%;
	padding:20px;
	margin:0;
	border:1px solid #000;
}
#flow li p{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
#flow li span{
	display:block;
	text-align:center;
	font-size:54px;
	margin:10px auto 0;
	padding:0;
	color:rgba(116,187,153,1);
}
@media screen and (max-width: 880px) {
#flow ol{
    margin: 50px 0;
}
}
@media screen and (max-width: 680px) {
#flow ol{
    margin: 40px 0 0;
}
#flow li div ,
#flow li h3{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
	padding:10px;
    margin-bottom:5px;
}
#flow li span {
    margin:0 auto;
}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	システム保守とメンテナンス
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#support ul{
	margin:80px 0;
	padding:0;
}
#support li{
	list-style:none;
	background:rgba(116,187,153,1);
	border-radius:50%;
	width:190px;
	height:190px;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
}
#support li p{
	color:#fff;
	text-align:center;
	font-size:18px;
}
#support li p br{
	display:block !important;
}
#support .att{
	padding:50px;
	background:#eee;
	margin-bottom:50px;
}
@media screen and (max-width: 1280px) {
#support li{
	width:150px;
	height:150px;
}
#support li p{
	font-size:14px;
}
}
@media screen and (max-width: 980px) {
#support li{
	width:190px;
	height:190px;
}
#support li p{
	font-size:18px;
}
#support ul{
	width:80%;
	margin:0 auto;
}
#support .att{
	padding:20px;
	margin-bottom:30px;
}
}
@media screen and (max-width: 780px) {
#support ul{
	width:100%;
}
}
@media screen and (max-width: 680px) {
#support li{
	width:150px;
	height:150px;
}
#support li p{
	font-size:14px;
}
#support .att{
	padding:20px 10px;
	margin-bottom:0;
}
}
@media screen and (max-width:480px) {
#support li{
	width:170px;
	height:170px;
}
#support li p{
	font-size:16px;
	font-weight:bold;
}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	導入事例
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#case ul{
	margin:80px 0 0;
	padding:0;
}
#case ul li{
	list-style:none;
	margin:0 0 80px !important;
	padding:0;
}
#case li h4{
	padding:0;
	font-size:28px;
	line-height:1.3em;
}
#case li h4 small{
	background:rgba(116,187,153,0.5);
	color:#fff;
	display:block;
	padding:5px 10px;
	font-size:18px;
	margin-bottom:10px;
}
#case li h4 small i{
	color:#fff;
	padding-right:5px;
}
#case ul .flex_content{
	border-left:10px solid #eee;
	padding-left:30px;
}
#case .case_summary{
	margin-bottom:50px;
}
#case li h5{
	font-size:21px;
	color:rgba(116,187,153,1);
	margin:0 0 10px;
	padding:0;
}
#case table{
	width:100%;
	margin-bottom:30px;
}
#case th{
	background:#eee;
	padding:10px;
	text-align:left;
}
#case td{
	border:1px solid #ccc;
	padding:10px 20px;
}
#case ol{
	background:#eee;
	padding:20px 20px 20px 50px;
	margin:0 0 10px;
}
#case ol li{
	margin:0 0 5px !important;
	padding:0 !important;
	list-style:disc outside;
	line-height:1.3em;
	border:none !important;
}
#case .center{
	margin:0 0 -20px !important;
	padding:0;
}
#case .center i{
	font-size:54px;
	color:rgba(116,187,153,1);
	text-align:center !important;
}
.case_nav{
	margin-bottom:30px;
}
.case_nav a{
	flex-basis:33%;
	-webkit-flex-basis:33%;
	max-width:33%;
	background:#000;
	color:#fff;
	padding:20px;
	text-align:center;
}
.case_nav a.active{
	background:rgba(116,187,153,1);
}
.case_nav a:hover{
	opacity:0.6;
}
@media screen and (max-width: 880px) {
#case ul {
    margin: 0;
    padding: 0;
}
.case_summary {
    margin-bottom:30px !important;
}
}
@media screen and (max-width: 680px) {
#case ul li {
    margin: 0 0 50px !important;
}
#case ol{
	padding:10px 10px 10px 30px;
}
#case ol li{
	margin:0 0 5px !important;
}
#case ul .flex_content {
    border-left:none;
    padding-left:0;
}
#case .center{
	text-align:center !important;
}
}
@media screen and (max-width: 480px) {
#case li h4 {
    font-size: 21px;
	margin-bottom: 20px;
}
.case_nav a{
	padding:20px 8px;
	font-size:14px;
}
#case li h5 {
    font-size: 18px;
}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	QuestPlusの機能紹介
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#quest_post{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:80px 0;
}
#quest_post h3{
	text-align:left;
	font-size:38px;
}
.quest_main{
	flex-basis:60%;
	-webkit-flex-basis:60%;
	max-width:60%;
	border-left:10px solid #eee;
	padding-left:30px;
	margin-bottom:40px;
}
.quest_main .post_thumb{
	margin-bottom:30px;
}
.quest_main .post_header{
	margin:0 0 20px;
}
.quest_main img{
	display:block;
	max-width:100%;
	height:auto;
}
.quest_right{
	flex-basis:35%;
	-webkit-flex-basis:35%;
	max-width:35%;
}
.quest_right ul{
	margin:0 0 40px;
	padding:0;
}
.quest_right li{
	list-style:none;
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	border-bottom:1px solid #000;
}
.quest_right li a{
	flex-basis:30%;
	-webkit-flex-basis:30%;
	max-width:30%;
}
.quest_right li a img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	line-height:0;
}
.quest_right li p{
	flex-basis:65%;
	-webkit-flex-basis:65%;
	max-width:65%;
	text-align:left;
	line-height:1.3em;
}

/*アーカイブ*/
.quest_archive #questlist li{
	margin-bottom:50px;
}
.quest_archive #questlist li h5,
.quest_archive #questlist li p{
	border:none;
	padding-left:0;
}
.quest_archive #questlist li:nth-child(odd) .flex_right{
	border-right: 10px solid #eee;
	padding-left: 20px;
}
.quest_archive #questlist li:nth-child(even) .flex_right{
	border-left: 10px solid #eee;
	padding-left: 20px;
}
.quest_main .pagenation a{
	flex-basis:32%;
	-webkit-flex-basis:32%;
	max-width:32%;
	display:flex;
	display:-webkit-flex;
}
.quest_main .pagenation a span{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	line-height:1.3em;
}
.quest_main .pagenation .prev span{
	text-align:left;
}
.quest_main .pagenation .back span{
	justify-content:center;
	-webkit-justify-content:center;
}
.quest_main .pagenation .next span{
	text-align:right;
}
@media screen and (max-width: 1080px) {
#quest_post {
    margin: 50px 0;
}
#quest_post h3 {
    font-size: 28px;
}
#quest p.center{
	text-align:left !important;
}
#quest p.center br{
	display:none;
}
#questlist li .flex_left{
	background-size:cover !important;
}
#questlist li .flex_right{
	padding:0 20px;
}
}
@media screen and (max-width: 880px) {
.quest_archive #questlist li{
	margin:0 auto 20px !important;
	padding:20px 0 30px !important;
	border-bottom:1px solid #000;
}
.quest_archive #questlist{
	margin:0 !important;
}
.quest_archive #questlist li a{
	order:1 !important;
	-webkit-order:1 !important;
	margin-top:10px;
}
.quest_archive #questlist li h5{
	margin:0 0 10px;
}
.quest_archive #questlist li .flex_right {
    border: none !important;
    padding: 0 !important;
}
.quest_main {
    border-left:none;
    padding-left:0;
	flex-basis:75%;
	-webkit-flex-basis:75%;
	max-width:75%;
}
#quest_post h3 {
    font-size: 21px;
}
.quest_right{
	flex-basis:22%;
	-webkit-flex-basis:22%;
	max-width:22%;
}
.quest_right li p,
.quest_right li a{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
	font-size:12px;
	margin-bottom:10px;
}
}
@media screen and (max-width:680px) {
.pagenation{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.quest_main,
.quest_right,
.pagenation a{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
}
.pagenation a{
	margin-bottom:10px;
}
#quest_post h3 {
    font-size:18px;
}
.quest_right ul{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.quest_right li{
	flex-basis:32%;
	-webkit-flex-basis:32%;
	max-width:32%;
	margin-right:1.3% !important;
}
}




/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	サイトマップ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.wrapper .wsp-container:nth-child(2) h2,
.wrapper .wsp-container li br{
	display:none;
}
.wrapper .wsp-container h2,
.wrapper .wsp-container h2 a{
	font-size:38px;
	text-align:left;
	margin:50px 0 10px;
}
.wrapper .wsp-container{
	margin:50px auto 0;
}
.wrapper .direct{
	margin:0;
}
.wrapper .wsp-container ul{
	margin:0;
	padding:0;
}
.wrapper .wsp-container li{
	list-style:none;
}
.wrapper .wsp-container li a{
	display:block;
	padding:10px 20px 10px 10px;
	background:#eee;
	border-left:5px solid #ccc;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	20190622
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (max-width: 880px){
#trend_archive .center{
	max-width:53% !importantn;
	margin: 0 auto !important;
	}
}