@charset "UTF-8";
@import "/include_2015/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
.uber {
	width: 1000px;
	margin:auto;
	color:#333;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	background:#faf3c2;
	padding-bottom:50px
}

.uber .sp {
	display:none
}

.uber .catch01 {
	width: 920px;
	background:#fff;
	margin:auto;
	font-size:25px;
	line-height:36px;
	padding-bottom:25px;
}

.uber .lead01 {
	position:  relative;
	z-index: 10; 
}

.uber .lead01 p {
	background: rgba(255,255,255,0.96);
	width:534px;
	height217px;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	text-align:left;
	font-size:15px;
	line-height:23px;
	padding:28px 36px;
	position:  absolute;
	top: 140px;
	right: 75px;
	z-index: 100;
}

.uber .area01 {
	width: 920px;
	background:#fff;
	margin:auto;
	padding:100px 35px 15px;
}

.uber .area01 h3 {
	font-size:28px;
}

.uber .area01 h3 span {
	display:inline-block;
	font-size:25px;
	padding-bottom:7px;
	margin-bottom:13px;
	border-bottom: 5px dotted #eadf9f
}

.uber .area01 p {
	font-size:17px;
	line-height:27px;
	text-align:left;
	padding:25px 0
}

.uber .report01 {
	background:#fffef0;
	border:1px solid #dbd9b6;
	padding-bottom:20px
}

.uber .report01_text01 {
	padding:30px 0 0;
	font-size:16px;
	line-height:24px
}

.uber .report01_text01 p {
	font-weight:bold
}

.uber .report01_text01 h3 {
	margin:15px 0 10px;
	padding:10px 30px;
	border-bottom:3px dotted #7f7e60;
	display:inline-block;
	color:#7f7e60;
	font-size:14px
}

.uber .report01_text01 h3 span {
	font-size:20px;
	padding-left:8px
}

.uber .report01_text01 img {
	margin:10px
}

.uber .report01_sns01 {
	padding:10px 39px 20px 36px
}

.uber .report01_sns01 a {
	padding:5px 0;
	display:inline-block"
}

.uber .area02 {
	background:url(../images/bk01.png) ;
	width:920px;
	margin:auto;
	padding:50px 0 20px
}

.uber .area02 h4 {
	background:url(../images/line_01.png) no-repeat bottom;
	font-size:23px;
	margin:-60px 98px;
	padding-bottom:25px
}

.uber .area02 ul {
	padding-top:85px
}

.uber .area02 ul li {
	width:260px;
	height:260px;
	display:inline-block;
	vertical-align:top;
	border-radius:100%;
	margin:17px;
	font-size:17px;
	line-height:23px;
	font-weight:bold
}

.uber .area02 ul li:nth-of-type(1) {
	background:url(../images/image02.jpg) no-repeat bottom #fff;
}

.uber .area02 ul li:nth-of-type(1) p {
	padding-top:12px
}

.uber .area02 ul li:nth-of-type(2) {
	background:url(../images/image03.jpg) no-repeat bottom #fff;
}

.uber .area02 ul li:nth-of-type(3) {
	background:url(../images/image04.jpg) no-repeat bottom #fff;
}

.uber .area02 ul li .pt_img01 {
	margin:-40px 35px 8px 0;
}

.uber .area02 .note01 {
	text-align:right;
	padding:0 35px
}

.uber .area03 {
	background:url(../images/bk02.png) ;
	width:920px;
	margin:auto;
	padding:30px 0 0;
	text-align:left;
	height:426px
}

.uber .area03 img {
	margin:-70px 0 0 80px;
}

.uber .area03 ul {
	padding:0 35px
}

.uber .area03 ul li {
	display:inline-block;
	vertical-align:top;
	font-size:17px;
	line-height:25px;
	font-weight:bold
}

.uber .area03 ul li:nth-of-type(1) {padding:43px 0 0 50px;transform: rotate( -4deg );}
.uber .area03 ul li:nth-of-type(2) {padding:18px 0 0 83px;transform: rotate( 4deg );}
.uber .area03 ul li:nth-of-type(3) {display:block;padding:48px 0 0 300px;transform: rotate( 7deg );}
.uber .area03 ul li:nth-of-type(4) {padding:10px 0 0 88px;transform: rotate( 4deg );}
.uber .area03 ul li:nth-of-type(5) {padding:16px 0 0 300px;transform: rotate( -4deg );}

.uber .area03 ul li strong {
	font-size:20px;
	color:#cc3300
}

.uber .area04 {
	background:#f4edbf;
	width:920px;
	margin:auto;
	padding:5px 0 15px;
	font-size:17px;
	line-height:25px;
}

.uber .area04 h3 {
	font-size:18px
}

.uber .area04 ul li {
	display:inline-block;
	vertical-align:top;
	width:280px;
	background:#fff;
	font-size:15px;
	line-height:20px;
	text-align:left;
	padding:8px;
	border:1px solid #d4cc9a;
	box-shadow: 2px 2px 2px #d5cfa3;
	margin:20px 2px 30px
}

.uber .area04 ul li img {
	float:left;
	padding-right:15px
}

.uber .area04 ul li p {
	padding-top:13px
}

.uber .area04 ul a:nth-of-type(2) p {padding-top:23px;}

.uber .area04 ul a {
	color:#333
}

.uber .area04 ul a:hover {
	color:#999
}

.uber .area04 h4 {
	display: flex;
	align-items: center;
	font-size:23px;
	font-weight:bold;
	margin:0 35px 15px;
	color:#cc3300
}

.uber .area04 h4:before {
	margin-right: 15px;
}

.uber .area04 h4:after {
	margin-left: 15px;
}

.uber .area04 h4:before,.uber .area04 h4:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #333;
	display: block;
}

.uber .area04 .bnr01 {
	margin:15px 0
}

.uber .area04 .note02 {
	display:inline-block;
	font-size:14px;
	line-height:20px;
	text-align:left;
	text-indent:-1em;
	padding:7px 1em 10px 2em
}

.uber .area05 {
	background:#fff;
	width:920px;
	margin:auto;
	padding:15px 35px 35px;
	font-size:16px;
	line-height:27px;
}

.uber .area05 p.text01 {
	text-align:left
}

.uber .area05 .challenge01 {
	background:url(../images/challenge01.png) no-repeat;
	margin:35ox;
	padding-top:60px;
}

.uber .area05 .challenge01:nth-of-type(2) {
	background:url(../images/challenge02.png) no-repeat;
}

.uber .area05 .challenge01 .chach02 span {
	font-size:20px;
	line-height:1;
	padding:5px 17px;
	color:#fff;
}

.uber .area05 .challenge01 .chach02 span:nth-of-type(1) {
	background:#04b45f;
}

.uber .area05 .challenge01 .chach02 span:nth-of-type(2) {
	background:#989164;
}

.uber .area05 h3 {
	font-family: '游明朝 Medium','Noto Serif JP', serif;
	font-size:26px;
	padding:20px 0 25px
}

.uber .area05 h3 span {
	border-bottom:1px solid #989164;
}

.uber .area05 .co01 {
	border:1px solid #333;
	margin:45px 0 15px;
	padding:0 45px
}

.uber .area05 h4 {
	margin:-50px 105px 20px;
	background:#fff;
	font-size:23px;
	line-height:33px;
	border-left:8px solid #bfba9b;
	border-right:8px solid #bfba9b;
	padding:5px 0
}

.uber .area05 h4 strong {
	font-size:30px;
}

.uber .area05 h4 span {
	display:block;
	margin:5px 0 0
}

.uber .area05 p.text02 {
	background:#ffff99;
	font-size:20px;
	line-height:1;
	border:1px solid #969687;
	font-weight:bold;
	padding:15px 0;
	margin-bottom:25px
}

.uber .area05 h5 {
	font-size:25px;
	margin:30px 0 13px
}

.uber .area05 h5:before {
	content: "＼";
	margin-right:10px
}

.uber .area05 h5:after {
	content: "／";
	margin-left:10px
}

.uber .area05 ul.obj01 li {
	display:inline-block;
	vertical-align:top;
	width:240px;
	height:80px;
	border-top:5px dotted #ee7e2d;
	border-bottom:5px dotted #ee7e2d;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	padding-top:13px
}

.uber .area05 ul.obj01 li:nth-of-type(2) {
	margin:0 19px;
/*	padding-top:25px */
}

.uber .area05 .note03 {
	background:#fdfdeb;
	margin:35px 0;
	padding:15px 0 10px;
	border:3px solid #e3e3bb;
	font-size:15px;
}

.uber .area05 .note03 p {
	margin:8px;
}

.uber .area05 .note03 strong {
	display:block;
	font-size:20px;
}

.uber .area05 .note04 h5 {
	display: flex;
	align-items: center;
	font-size:20px;
	font-weight:bold;
}

.uber .area05 .note04 h5:before {
	margin-right: 15px;
}

.uber .area05 .note04 h5:after {
	margin-left: 15px;
}

.uber .area05 .note04 h5:before,.uber .area05 .note04 h5:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #333;
	display: block;
}

.uber .area05 .note04 ul {
	display:inline-block;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	margin-top:10px
}

.uber .area05 .note04 ul li:nth-of-type(3){
	font-size:16px;
	font-weight:normal;
	margin-left:7.3em;
}

/*.uber .area05 .note04 ul li:nth-of-type(4),*/
.uber .area05 .note04 ul li:nth-of-type(5) {
	margin-left:6.7em;
	font-size:18px;
}

.uber .area05 .note04 ul li:nth-of-type(1), 
.uber .area05 .note04 ul li:nth-of-type(5) {
	margin-bottom:7px;
}

.uber .area05 .note04 ul li strong {
	font-size:30px;
}

.uber .area05 .note04 ul li span {
	color:#bfba9b;
	padding:8px
}

.uber .area05 .bt01 {
	clear:both;
	font-size:23px;
	padding:0 100px;
	margin:40px 0 45px
}

.uber .area05 .bt01 a {
	display:block;
	background:#cc3300;
	color:#fff;
	text-decoration:none;
	padding:20px
}

.uber .f_left {
	float:left;
	margin-right:20px
}

.uber .f_right {
	float:right;
	margin-left:20px
}

.uber .red {
	color:#cc3300
}

.uber .orange {
	color:#ee7e2d
}