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

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
.uber {
	width: 100%;
	margin:auto;
	color:#333;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	background:url(../images/bk03.png) repeat-x #faf3c2;
	padding:16px 0 50px
}

.uber .pc {
	display:none
}

.uber .title01 {
	width:94%
}

.uber .catch01 {
	background:#fff;
	margin:0 3%;
	font-size:18px;
	line-height:25px;
	padding:3%;
}

.uber .lead01 p {
	background:#fff;
	border-bottom:1px solid #333;
	text-align:left;
	font-size:15px;
	line-height:23px;
	padding:3%;
}

.uber .area01 {
	margin:0 3%;
	background:#fff;
	padding:3%;
}

.uber .area01 h3 {
	font-size:23px;
	line-height:30px
}

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

.uber .area01 p {
	font-size:16px;
	line-height:25px;
	text-align:left;
	padding:3% 2% 5%
}
.uber .report01 {
	background:#fffef0;
	border:1px solid #dbd9b6;
	padding-bottom:2%
}

.uber .report01_text01 {
	padding:3% 3% 0;
	font-size:15px;
	line-height:24px;
	text-align:left
}

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

.uber .report01_text01 h3 {
	margin:1.5% 0 1%;
	padding:10px 3%;
	border-bottom:3px dotted #7f7e60;
	color:#7f7e60;
	font-size:14px;
	text-align:center
}

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

.uber .report01_text01 img {
	margin:10px 0
}

.uber .report01_sns01 {
	padding:10px 3% 20px 2%
}

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

.uber .area02 {
	background:url(../images/bk01.png) ;
	margin:auto;
	padding:6% 2%
}

.uber .area02 h4 {
	background:url(../images/line_01.png) no-repeat bottom;
	font-size:20px;
	line-height:28px;
	margin:0 7% 6%;
	padding-bottom:25px
}

.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 {
	padding:0 3% 30px
}

.uber .area03 {
	background:url(../images/bk02_sp_b.png) no-repeat bottom,url(../images/bk02_sp_a.png) no-repeat top,url(../images/bk02_sp.png) repeat-y;
	background-size:contain;
	margin:auto;
	padding:10% 0 18%;
	text-align:left;
}

.uber .area03 img {
	width:94%;
	max-width:354px;
	margin:-70px 3%
}

.uber .area03 ul {
	padding:0 8% 3% 10%
}

.uber .area03 ul li {
	font-size:17px;
	line-height:25px;
	font-weight:bold;
	padding:6%;
	background:#999;
	border-radius:10px;
	margin-bottom:4%;
}

.uber .area03 ul li:nth-of-type(1){background:rgba(254, 235, 221, 0.7);}
.uber .area03 ul li:nth-of-type(2){background:rgba(254, 221, 219, 0.7);}
.uber .area03 ul li:nth-of-type(3){background:rgba(209, 249, 242, 0.7);}
.uber .area03 ul li:nth-of-type(4){background:rgba(227, 241, 250, 0.7);}
.uber .area03 ul li:nth-of-type(5){background:rgba(242, 226, 230, 0.7);}

.uber .area03 ul li:nth-of-type(1), 
.uber .area03 ul li:nth-of-type(3),
.uber .area03 ul li:nth-of-type(5) {
	transform: rotate( -2deg );
	margin-right:10%;
}

.uber .area03 ul li:nth-of-type(2), 
.uber .area03 ul li:nth-of-type(4) {
	transform: rotate( 2deg );
	margin-left:10%;
}

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

.uber .area04 {
	background:#f4edbf;
	margin:auto;
	padding:5% 3% 3% ;
	font-size:17px;
	line-height:25px;
	text-align:left;
}

.uber .area04 h3 {
	font-size:18px;
	text-align:center
}

.uber .area04 ul li {
	background:#fff;
	font-size:15px;
	line-height:20px;
	text-align:left;
	padding:8px;
	border:1px solid #d4cc9a;
	box-shadow: 2px 2px 2px #d5cfa3;
	margin:3% 3% 1%;
	min-height:83px
}

.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;
	text-decoration:none
}

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

.uber .area04 h4 {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	margin:5% 4% 3%;
	color:#cc3300;
	border-left:10px solid #cc3300;
	border-right:10px solid #cc3300;
	padding:1%;
	text-align:center
}

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

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

.uber .area05 {
	background:#fff;
	margin:auto;
	padding:3%;
	font-size:16px;
	line-height:27px;
}

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

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

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

.uber .area05 .challenge01 .chach02 span {
	display:block;
	font-size:18px;
	line-height:1;
	padding:5px 17px;
	color:#fff;
	margin:0 8%
}

.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:20px;
	line-height:30px;
	padding:3% 0 1%
}

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

.uber .area05 .co01 {
	border:1px solid #333;
	margin:60px 0 5%;
	padding:0 5%
}

.uber .area05 h4 {
	margin:-50px 0 20px;
	background:#fff;
	font-size:18px;
	line-height:30px;
	border-left:6px solid #bfba9b;
	border-right:6px solid #bfba9b;
	padding:5px 4%
}

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

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

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

.uber .area05 h5 {
	font-size:20px;
	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 {
	border-top:5px dotted #ee7e2d;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	padding:4%
}

.uber .area05 ul.obj01 li:nth-of-type(3) {
	border-bottom:5px dotted #ee7e2d;
}

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

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

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

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

.uber .area05 .note04 h5:before {
	content: " ";
	margin-right:0
}

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

.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:16px;
	font-weight:bold;
	margin:0 0 4%
}

.uber .area05 .note04 ul li {
	margin-bottom:2px
}

.uber .area05 .note04 ul li:nth-of-type(3){
	font-size:14px;
	font-weight:normal;
}

.uber .area05 .note04 ul li:nth-of-type(4),
.uber .area05 .note04 ul li:nth-of-type(5) {
	font-size:16px;
}

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

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

.uber .area05 .bt01 {
	clear:both;
	font-size:18px;
	line-heught:1;
	margin:5% 0 7%
}

.uber .area05 .bt01 a {
	display:block;
	background:#cc3300;
	color:#fff;
	text-decoration:none;
	padding:5% 3% 6%
}

.uber .f_left,.uber .f_right {
	display:block;
	margin:5px auto 20px;
}

.uber .red {
	color:#cc3300
}

.uber .orange {
	color:#ee7e2d
}