@charset "utf-8";
/* CSS Document */
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
	#wrapper{
		width : 100%;
	}
/* ヘッダー部分 */
	.head_area_sp{
		background-image : url(https://d-o-p.net/image/head_bg_sp.jpg);background-repeat : no-repeat;background-position : right bottom;width : 100% height : auto;
	}
	.head_top{
		width : 100%;
		padding : 15px 0px 10px 0px;
	}
	.head_top_logo{
		float : none;
		width : 50%;
		margin : 0 auto;
	}
	.head_top_contact_1{
		float : left;
		width : 56%;
		padding : 3px;
		margin : 0 0 0 0px;
	}
	.head_top_contact_2{
		float : right;
		width : 17%;
		padding : 3px;
		margin : 0 0px 0 0;
	}
	.head_top_contact_3{
		float : right;
		width : 17%;
		padding : 3px;
		margin : 0 0px 0 0;
	}
	.clear{
		clear : both;
	}
	.head_inner{
		width : 95%;
		margin : 0 auto;
	}
	.head_title_1{
		font-size : 16px;
		display: inline-block;
		font-weight : 600;
		padding : 5px 15px;
		border : 2px solid #555151;
		text-align : center;
	}
	
	.head_title_2{
		font-size : 16px;
		line-height : 24px;
        margin : 10px 0px;
	}
	.head_title_3{
		margin : 10px 0px;
		width : auto;
	}
	.head_title_3 li{
		float : none;
		width : 80%;
		margin : 0 auto;
		list-style : none;
	}
	.head_point{
		background-color : #0080e4;
		padding : 13px 10px;
		margin : 10px 10px 10px 0px;
		text-align : center;
		font-size : 17px;
		font-weight : 600;
		color : #ffffff;
	}
	.top_contact_nav{
		padding : 0px 0px 30px 0px;
	}
	.top_contact_nav img {
			transition: 1.0s ;
		}

.top_contact_nav img:hover {
			opacity: 0.5 ;
		}

/* コンテンツ部分 */		
	#wrapper{
		width : 100%;
		margin : 0 auto;
		background-color : #ffffff;
	}
section {width: 100%;}
@media screen and (max-width: 959px) { section { padding: 45px 0; background-color : #ffffff;} 
/* 悩みエリア */	
#trouble {background-color: #eee; padding : 10px 0px;
		background-image : url(https://d-o-p.net/image/truble_bg_sp.jpg);background-repeat : no-repeat;background-position : center top;width : 100% height : auto;
	}
#trouble h2{
	font-size : 22px;
	}
#trouble h2 span{
	font-size : 25px;
	line-height : 35px;
	}
/* recommend部分 */	
.recommend { background: #046bbc; color: #fff; font-weight: bold; line-height: 1.58m; text-align : center; 
	font-size: 0.9rem; padding: 20px 0px;line-height : 1.3rem}
	}
.recommend span{
	font-size : 120%;
    color : #ffff00;
	}
/* お問い合わせエリア */	
	#contact{
		background-color : #ffffff;
		padding : 25px 0px;
	}
#contact h2 {
    color: #537cb8;
	font-size : 24px;
    position: relative;
    height: auto;
	margin-bottom : 10px;
}
	
/* パートナー制度エリア */
#partner { background: #015fa9; color: #fff; -moz-transform: skew(0deg, 5deg); -ms-transform: skew(0deg, 5deg); -webkit-transform: skew(0deg, 5deg); transform: skew(0deg, 5deg); }
#partner {margin-top: 0px;padding-bottom: 40px;}
#partner .inner { font-size : 17px; margin: 0px auto;}
#partner .inner { width:90%; margin : 0 auto;}
#partner .inner::before { font-family: 'Oswald', sans-serif; position: absolute; content: "Partner"; color: rgba(83, 124, 184, 0.2); left: 0; font-style: italic; font-weight: bold; z-index: -1; }
#partner .inner::before {font-size: 5rem;top: 0px;}
#partner .inner h2 {margin-top : 0px;margin-bottom: 0px; font-size: 1.7rem; }
#partner h2 span{font-size : 1.2rem; color : #ffff00;}
#partner .inner h3 {margin-bottom: 10px;font-size: 2.7rem;text-align : center; line-height : 100%;}
#partner h3 span{font-size : 1.2rem; color : #ffff00;}
#partner .inner ul li { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin-bottom: 50px; }
#partner .inner ul li p { color: #537cb8; font-weight: bold; }
#partner .inner ul li p { font-size: 3.rem; text-align: left; }
#partner .inner ul li dl { width: 645px; border-left: solid 20px #537cb8; padding-left: 25px; }
#partner .inner ul li dl dt { color: #fc0; font-weight: bold; line-height: 1.4em; text-align: left; }
#partner .inner ul li dl dt { font-size: 3rem; margin-bottom: 30px; }
#partner .inner ul li dl dt.last { margin-top: 30px; }
#partner .inner ul li dl dd { text-align: justify; color: #fff; line-height: 1.8em; }
#partner .inner ul li dl dd { font-size: 1.8rem; }
#partner h4 {font-size: 1.5rem;text-align: left;margin-bottom: 20px;}
#partner p {font-size: 1.0rem;text-align: left;line-height: 28px;}
#partner .space { margin: 50px 0 20px 0;}
#partner p.cloud {font-size: 0.8rem;text-align: left;color: #112742;font-weight: 600;background: #ffffff;width: 85%;padding: 10px 15px;border-radius: 5px;position: relative;margin-bottom: 25px;}
#partner p.cloud::after {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-color: #ffffff transparent transparent transparent;}
#partner p.cloud::after {left: 60px;}
#partner p.cloud::after {border-width: 20px 15px 0 15px;bottom: -19px;}
#partner h5 {font-weight : normal; font-size: 1.1rem;text-align: left;margin: 40px 0 20px 0;}
#partner span.small { font-size: 1.0rem; color : #ffffff;}		


/* パートナー販売フロー
---------------------------------------------*/
@media screen and (max-width: 959px) {
#accuracy .inner{
	width : 94%;
	margin : 0 auto;
}
#accuracy h2{font-size : 1.4rem; color : #000000;}
#accuracy h3{font-size: 2.2em; background: #046bbc; color: #fff; padding: 10px 15px; border-radius: 35px; margin: 20px 0; text-align : center;}
#accuracy span { color: #fefb05;}
}

/* パートナー販売フロー
---------------------------------------------*/
#service{
	width : 100%;
	background-color : #fced5e;
	padding : 10px 0px;
}
#service .inner{
	width : 94%;
	margin : 0 auto;
	color : #000000;
}
#service h3{font-size: 2.8em; background: #fced5e; color: #000000; padding: 10px 40px; border-radius: 35px; margin: 20px 0; text-align : center;}
#service span { color: #fefb05;}
#service span.normal { font-size: 1.6rem;}
#service .img { margin: 20px 0;}
#service h2{ font-size: 2.4rem; padding : 0; margin : 10px 0; color : #000000;}


/* 弊社の調査について
---------------------------------------------*/
.about_point{
	float : none;
	width : 60%;
	padding : 0px;
	margin : 0 auto;
	text-align : center;
}
.about_naiyou{
	float : none;
	width : auto;
	padding : 10px;
}
.about_title{
	font-size : 22px;
	font-weight : 600;
	color : #000000;
	padding : 0px 0px 10px 10px;
}
.about_text{
	font-size : 15px;
	color : #000000;
	line-height : 25px;
}
/* 実績と実力
---------------------------------------------*/
#result { padding-bottom: 0; }
#result h2 { color: #274c94; }
@media screen and (min-width: 960px) { #result h2 { margin-bottom: 60px; } }
@media screen and (max-width: 959px) { #result h2 { margin-bottom: 30px; font-size : 28px; } }
#result .inner { margin: 0 auto; text-align: center; }
@media screen and (min-width: 960px) { #result .inner { width: 960px; } }
@media screen and (max-width: 959px) { #result .inner { width: 90%; } }

/* メリットエリア */		
#merit { background: #015fa9; color: #fff; -moz-transform: skew(0deg, 5deg); -ms-transform: skew(0deg, 5deg); -webkit-transform: skew(0deg, 5deg); transform: skew(0deg, 5deg); }
#merit  {margin-top: 0px;padding-bottom: 50px;}
#merit  .inner { font-size : 17px; margin: 0px auto; -moz-transform: skew(0deg, -5deg); -ms-transform: skew(0deg, -5deg); -webkit-transform: skew(0deg, -5deg); transform: skew(0deg, -5deg); position: relative; }
@media screen and (max-width: 959px) {#merit  .inner { width:auto; padding : 10px; margin : 0 auto;}}
#merit  .inner::before { font-family: 'Oswald', sans-serif; position: absolute; content: "Merit "; color: rgba(83, 124, 184, 0.2); left: 0; font-style: italic; font-weight: bold; z-index: -1; }
#merit  .inner::before {font-size: 7rem;top: -30px;}
#merit  .inner h2 {margin-top : 0px;margin-bottom: 20px; font-size: 1.8rem; }
#merit  span{font-size : 1.5rem; color : #ffffff;}
#merit  .inner h3 {margin-bottom: 10px;font-size: 16px;padding-top : 10px 0 0 0; text-align : left;line-height : 26px;}
#merit  .setsumei { width:960px; margin : 0 auto;}
.merit_sub_area{
	height : auto;
}
.merit_left{
	float : auto;
	width : auto;
	padding : 10px;
	font-size: 1.7rem;
	color : #82acea;
	font-weight : 600;
}
.merit_right{
	float : auto;
	width : 90%;
	margin : 0 auto;
	padding: 10px;
	border-top: 10px solid #82acea;
	border-left: none;
}
.merit_sub{
	font-size : 1.5rem;
	line-height : 2.0rem;
	color : #ffcc00;
	font-weight : 600;
	padding:10px 0px 8px 10px;
}
.merit_text_in{
	padding : 10px 0px 10px 15px;
	font-size : 16px;
	line-height : 26px;
	width : auto;
	margin : 0 auto;
}
#flow .inner h2 { color: #274c94; font-size : 2.2rem; }
#faq .inner h2 { color: #274c94; font-size : 2.2rem; }
		#footer{
			width : 100%;
			padding : 8px 0;
			text-align : center;
			background-color : #000000;
			color : #ffffff;
			
		}
#policy_wrapper .inner { text-align: left; line-height: 1.6em; }
@media screen and (min-width: 960px) { #policy_wrapper .inner { width : 940px; margin : 0 auto; background-color : #ffffff; padding : 30px; font-size: 17px; line-height : 30px; } }
@media screen and (max-width: 959px) { #policy_wrapper .inner { width : 88%; margin : 0 auto; background-color : #ffffff; padding : 20px 15px; font-size: 16px; } }
#policy_wrapper .inner .subtitle{
	font-size : 20px;
	font-weight : 600;
	line-height : 38px;
	padding : 20px 0px;
}
.policy_title { font-size : 24px; text-align : center; font-weight : bold; margin-top : 10px; margin-bottom: 25px; color: #fff; }
}
.policy_top_in{
	width : 100%;
	line-height : 100%;
	margin : 0 auto;
}
div#footer {
	width : 100%;
	background : #000000;
	padding : 20px 0px;
	color : #ffffff;
	text-align : center;
	font-size : 13px;
	line-height : 26px;
	margin-bottom : 70px;
}
.right{
	text-align : right;
	padding-right : 10px;
    margin-top : -20px;
}
#review h2 {margin-top : 0px;margin-bottom: 0px; font-size: 1.8rem; }
.koe_title{
	font-size : 18px;
	font-weight : 600;
	padding : 10px 0px;
}