@charset "utf-8";
/* CSS Document */
/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

/* ヘッダー部分 */
	.head_area_pc{
		background-image : url(https://d-o-p.net/image/head_bg_pc.jpg);background-repeat : no-repeat;background-position : center bottom;width : 100% height : auto;
	}
	.head_top{
		width : 100%;
		padding : 25px 0px 40px 0px;
	}
	.head_top_logo{
		float : left;
		margin-left : 50px;
	}
	.head_top_contact{
		float : right;
		margin-right : 50px;
	}
	.clear{
		clear : both;
	}
	.head_inner{
		width : 92%;
		margin : 0 auto;
	}
	.head_title_1{
		font-size : 22px;
		display: inline-block;
		font-weight : 600;
		padding : 10px 30px;
		border : 2px solid #555151;
		text-align : center;
	}
	
	.head_title_2{
		font-size : 18px;
		line-height : 24px;
        margin : 10px 0px;
	}
	.head_title_3{
		margin : 20px 0px;
		width : 920px;
	}
	.head_title_3 li{
		float : left;
		width : 33%;
		list-style : none;
	}
	.head_point{
		background-color : #0080e4;
		padding : 10px;
		margin : 10px 10px 10px 0px;
		text-align : center;
		font-size : 20px;
		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;
	}
section {width: 100%;}
@media screen and (min-width: 960px) { section {padding: 90px 0;} }
@media screen and (max-width: 959px) { section { padding: 45px 0;} }
/* 悩みエリア */	
#trouble {background-color: #eee; padding : 20px 0px;
		background-image : url(https://d-o-p.net/image/truble_bg_pc.jpg);background-repeat : no-repeat;background-position : center top;width : 100% height : auto;
	}
#trouble h2{
	font-size : 28px;
	}
#trouble h2 span{
	font-size : 32px;
	line-height : 44px;
	}
/* recommend部分 */	
.recommend { background: #046bbc; color: #fff; font-weight: bold; line-height: 1.8em; text-align : center; 
	font-size: 2.2rem; padding: 40px 0;}
	}
.recommend span{
	font-size : 120%;
    color : #ffff00;
	}
/* お問い合わせエリア */	
	#contact{
		background-color : #ffffff;
		padding : 40px 0px;
	}
#contact h2 {
    color: #537cb8;
	font-size : 28px;
	line-height : 40px;
    position: relative;
    height: auto;
}
	
/* パートナー制度エリア */		
#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: -30px;padding-bottom: 120px;}
#partner .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; }
#partner .inner { width:960px; 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: 15rem;top: -80px;}
#partner .inner h2 {margin-top : 0px;margin-bottom: 20px; font-size: 3.7rem; }
#partner span{font-size : 80%; color : #ffff00;}
#partner .inner h3 {margin-bottom: 30px;font-size: 2.7rem;text-align : center;}
#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.6rem; 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.2rem;text-align: left;line-height: 28px;}
#partner .space { margin: 50px 0 20px 0;}
#partner p.cloud {font-size: 1.2rem;text-align: left;color: #112742;font-weight: 600;background: #ffffff;width: fit-content;padding: 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.6rem;text-align: left;margin: 40px 0 20px 0;}
#partner span.small { font-size: 1.0rem; color : #ffffff;}

/* パートナー販売フロー
---------------------------------------------*/
#accuracy .inner{
	width : 960px;
	margin : 0 auto;
}
@media screen and (min-width: 960px) { #accuracy h3{font-size: 2.2em; background: #046bbc; color: #fff; padding: 18px 40px; border-radius: 35px; margin: 20px 0; text-align : center;}}
#accuracy span { color: #fefb05;}
@media screen and (min-width: 960px) { #accuracy span.normal { font-size: 1.6rem;}}
#accuracy .img { margin: 20px 0;}
@media screen and (min-width: 960px){ #accuracy h2{ font-size: 2.4rem; padding : 0; margin : 10px 0; color : #000000;}}

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

/* 弊社の調査について
---------------------------------------------*/
.about_point{
	float : left;
	width : 20%;
	padding : 10px;
}
.about_naiyou{
	float : left;
	width : 75%;
	padding : 10px;
}
.about_title{
	font-size : 24px;
	font-weight : 600;
	color : #000000;
	padding : 0px 0px 10px 10px;
}
.about_text{
	font-size : 18px;
	color : #000000;
	line-height : 28px;
}

/* 実績と実力
---------------------------------------------*/
#result { width : 100%; padding : 30px 0px 30px 0px; }
#result h2 { color: #274c94; }
#result h2 { margin-bottom: 30px; }
#result .inner { margin: 0 auto; font-size : 20px; text-align: center; }
#result .inner { width: 960px; }

/* メリットエリア */		
#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: -30px;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; }
#merit  .inner { width:960px; 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: 15rem;top: -80px;}
#merit  .inner h2 {margin-top : 0px;margin-bottom: 20px; font-size: 3.2rem; }
#merit  span{font-size : 1.8rem; color : #ffffff;}
#merit  .inner h3 {margin-bottom: 10px;font-size: 18px;padding-top : 10px 0 0 0; text-align : left;line-height : 28px}
#merit  .setsumei { width:960px; margin : 0 auto;}
.merit_sub_area{
	height : auto;
}
.merit_left{
	float : left;
	width : 28%;
	font-size: 1.7rem;
	color : #82acea;
	font-weight : 600;
}
.merit_right{
	float : left;
	width : 67%;
	padding: 0px 10px 30px;
	border-left: 18px solid #82acea;
}
.merit_sub{
	font-size : 1.7rem;
	color : #ffcc00;
	font-weight : 600;
	padding:0px 0px 8px 10px;
	line-height : 2.4rem
}
.merit_text_in{
	padding : 10px;
	font-size : 18px;
	line-height : 28px;
}
.policy_title { font-size : 2.7rem; text-align : center; font-weight : bold; margin-top : 20px; margin-bottom: 45px; color: #fff; }
}
.policy_top_in{
	width : 100%;
	line-height : 100%;
}
.policy_top_in li{
	float: left;
	width : 48.2%;
	list-style : none;
	margin : 10px 0px 0px 0px;
}
.clear{
	clear : both;
}
.left{
	text-align : left;
	padding-left : 10px;
}
.right{
	text-align : right;
	padding-right : 10px;
}
#review h2 {margin-top : 20px;margin-bottom: 0px; font-size: 3.2rem; }
.koe_title{
	font-size : 24px;
	font-weight : 600;
	padding : 10px 0px;
}