@charset "utf-8";
/* CSS Document */
body{
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	}
	div.bese{
		max-width: 1080px;
		margin: 0 auto;
	}
	
	header{
		display: table;
		width: 100%;
		margin-bottom: 1%;
}
	
	header img{float:left;}
	
	section{
		display: block;
		clear: both;
	}

.Logo{
	width: 20%;
}
	
	div.tel{
		display: inline-block;
		width: 23%;
		float: right;
	}
	
	div.tel img{
		float: left;
		width: 20%;
	}
	
	p.number{
		display: inline-block;
		float: left;
		max-width: 198px;
		font-size: min(2.2vw, 180%);
		font-weight: bold;
		margin: 6.5% 0 0 0;
	}
	
	#content2{
		padding: 10px 0;
		background-color: #FDE8CF;
	}
	div.content1{
		padding: 10px;
		background-image: url("../img/content1_bg.jpg");
		background-size: 142%;
		background-repeat: no-repeat;
		background-color: #22228B;
	}
	div.textarea1_1{
		display: inline-block;
		float: left;
		font-size: 2vw;
		font-weight: bold;
		line-height: 1.2em;
		color: #fff;
		padding: 10px
	}
	div.textarea1_2{
		display: inline-block;
		float: right;
		color: #FF5050;
		font-size: 1.5vw;
		line-height: 1.2em;
		padding: 10px;
		margin: 10px;
		border: 1px solid #FF5050;
	}
	div.textarea1_3{
		display: block;
		width: 90%;
		color: #FFF;
		font-size:30px;
		font-weight: bold;
		text-align: center;
		text-shadow: 3px 3px 2px rgba(0,0,0,0.6);
		background-color: rgba(255,255,255,0.40);
		padding: 10px 0px;
		margin: 0 auto;
	}
	div.textarea1_4{
		display: block;
		width: 90%;
		color: #FFF;
		font-size:25px;
		text-align: center;
		background-color:#22228B;
		padding: 10px 0;
		margin: 20px auto;
		
	}
	div.page_logo{
		display: block;
		width: 100%;
		text-align: center;
		padding:30px 0; 
		clear: both;
	}
	
	div.top_icon_area{
		display: block;
		width: 100%;
		text-align: center;
		margin: 3% 0 0 0;
		
	}
	div.top_icon{
		display: inline-block;
		width: 23.6%;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		background-image: url("../img/top_icon_img.png");
		background-repeat: no-repeat;
		background-size: 100%;
		/*background-color: #A5A5E9;
		border-radius: 50%;*/
		margin: 0px 3%;
		padding: 3.5% 0;
	}
div.top_icon2{
		display: inline-block;
		width: 23.6%;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		background-image: url("../img/top_icon_img.png");
		background-repeat: no-repeat;
		background-size: 100%;
		/*background-color: #A5A5E9;
		border-radius: 50%;*/
		margin: 0px 3%;
	padding: 5% 0;
	}
div.top_icon3{
		display: inline-block;
		width: 23.6%;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		background-image: url("../img/top_icon_img.png");
		background-repeat: no-repeat;
		background-size: 100%;
		/*background-color: #A5A5E9;
		border-radius: 50%;*/
		margin: 0px 3%;
	padding: 4.5% 0;
	}
	a.btn_info{
		display: block;
		float: left;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		width: 80%;
		font-size: 215%;
		font-weight: 900;
		text-decoration: none;
		color: #fbe99b;
		text-align: center;
		text-shadow: 2px 2px 9px rgba(0,0,0,0.6);
		background: linear-gradient(#87c389,#338335);
		border-radius: 20px;
		padding: 15px;
		margin: 0 8.7%;
		/*margin: 0 auto;*/
		clear: both;
	}
	a.btn_info img{
		vertical-align: bottom;
		margin-right: 10px;
	}
	
	a.btn_info:hover{
		opacity: 0.8;
	}
	div.speech_bubble{
		display: block;
		width: 1040px;
		height: 650px;
		padding: 30px 20px 0;
		background-image: url("../img/Speech_bubble.png");
		background-repeat: no-repeat;
	}
	div.speech_bubble p{
		display: block;
		float: left;
		width: 50%;
		font-size: 40px;
		font-weight: bold;
	}
	div.speech_bubble p span{
		color:#249b99; 
	}
	
	div.bubble_area_top{
		display: block;
		float: right;
		width: 40%;
		margin-top: 50px;
	}
	div.bubble_area_left{
		display: inline-block;
		float: left;
	}
	div.bubble_area_right{
		display: inline-block;
		float: right;
	}
	div.left{
		display: inline-block;
		width: 32%;
		float: left;
		padding: 20px 0 20px 44px;
		
	}
	div.right{
		display: inline-block;
		float: right;
		width: 60%;
    	font-size: 20px;
		padding: 20px;
	}
	div.left2{
		display: inline-block;
		float: left;
		width: 46%;
		padding: 30px 0px 20px 2.5%;
	}
	div.right2{
		display: inline-block;
		float: right;
		width: 46%;
		padding: 30px 2.5% 20px 0px;
	}
	div.left3{
		display: inline-block;
		float: left;
		width: 32%;
	}
	div.right3{
		display: inline-block;
		float: left;
		width: 68%;
	}
	/* table */
	div.table{
		display: block;
		margin: 20px auto;
	}
	div.t_cell_none{
		display: inline-block;
		width: 8%;
		height: 195px;
		text-align: center;
		vertical-align: middle;
		margin: 0 10px;
		padding: 10px;
	}

div.t_cell_none img{
	width: 100%;
}
	div.t_cell_1{
		display: inline-block;
		width: 20%;
		font-size: 25px;
		text-align: center;
		vertical-align: middle;
		background-color: #FFF;
		border: 5px solid #000;
		padding:80px 10px;
	}
div.TwoLine{
	padding:55px 10px;
}
div.t_cell_1 span{
	color: #000 !important;
	font-size: 100% !important;
	text-align: center !important;
}
	div.t_cell_2{
		display: inline-block;
		width: 20%;
		font-size: 25px;
		text-align: center;
		vertical-align: middle;
		background-color: #009973;
		border: 5px solid #009973;
		padding:80px 10px;
	}
div.t_cell_2 span{
	color: #FFF !important;
	font-size: 100% !important;
	text-align: center !important;
}
	div.t_cell_3{
		display: inline-block;
		width: 25%;
		font-size: 18px;
		font-weight: bold;
		color: #22228B;
		text-align: center;
		vertical-align: middle;
		background-color: #FFF;
		border: 3px solid #22228B;
		border-radius: 20px;
		padding: 10px;
		margin: 1%;
	}
	span.table_text{
		display: block;
	}
	
	div.line3_left{
		display: inline-block;
		padding-left: 2%;
		vertical-align: top;
	}
	div.line3_center{
		display: inline-block;
		padding-left: 14%;
		vertical-align: top;
	}
	div.line3_right{
		display: inline-block;
		padding-left: 10%;
		vertical-align: top;
	}
	div.line3_center2{
		display: inline-block;
		padding-left: 9%;
		vertical-align: top;
	}
	div.line3_right2{
		display: inline-block;
		padding-left: 9%;
		vertical-align: top;
	}
	div.history{
		height: 378px;
		color: #FFFFFF;
		background-image: url("../img/history_img.png");
		background-color: #FDE8CF;		
	}
	div.history p{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 83px;
		font-weight: bold;
		line-height: 1.2em;
		padding: 40px 20px;
	}
	div.mk_1{
		display: inline-block;
		width: 30%;
		font-size: 28px;
		text-align: center;
		vertical-align: inherit;
		padding: 10px;
		background-color: #FFFFFF;
		border: 1px solid #333333;
	}
	div.mk_1 p{
		font-size: 16px;
		margin-bottom: 12px;
		padding-top: 2.46%;
	}
	div.mk_2{
		display: inline-block;
		width: 30%;
		font-size: 28px;
		text-align: center;
		padding: 10px;
		margin: 0 1.30%;
		background-color: #FFFFFF;
		border: 1px solid #333333;
	}
	div.mk_2 p{
		font-size: 16px;
	}
div.mk_2Plus{
		display: inline-block;
		width: 30%;
		font-size: 28px;
		text-align: center;
		padding: 10px;
		background-color: #FFFFFF;
		border: 1px solid #333333;
	}
	div.mk_2Plus p{
		font-size: 16px;
	}

	div.mk_3{
		display: block;
		clear: both;
		text-align: center;
		font-size: 28px;
		color: #FF5050;
		padding: 10px;
		background-color: #FFFFFF;
		border: 1px solid #333333;
	}
	div.mk_3_1{
		display: block;
		font-size: 28px;
		font-weight: bold;
		padding: 10px;
	}
	div.mk_3_1 p{
		display: block;
		width: 61%;
		font-size: 16px;
		font-weight: normal;
		color: #000000;
		text-align: left;
		margin: 0 auto;
	}
	div.mk_3_2{
		display: inline-block;
		font-size: 28px;
		padding: 1%;
		margin-right: 1%;
		background-color: #D9D9D9;
		border: 1px solid #6600FF;
	}
	div.mk_3_2_1{
		display: inline-block;
		font-size: 28px;
		color: #000000;
	}
	div.mk_3_2_1 p{
		font-size: 16px;
		margin-top: 20px;
	}
	div.mk_3_2_2{
		display: inline-block;
		color: #FFFFFF;
		font-size: 28px;
		margin-top: 10px;
	}
	div.mk_3_2_2 p{
		display: inline-block;
		float: left;
		font-size: 16px;
		padding: 14px 10px;
		margin-right: 10px;
		text-align: center;
		background-color: #FF5050;
	}
	div.mk_3_2_2 img{
		display: inline-block;
	}
	div.mk_3_3{
		display: inline-block;
		vertical-align: bottom;
		font-size: 28px;
		color: #000000;
		background-color: #D9D9D9;
		border: 1px solid #6600FF;
		padding: 1.44%;
	}
	div.mk_3_3 P{
		font-size: 16px;
		margin-top: 12px;
	}
	div.mk_4{
		display: block;
		float: left;
		width: 30%;
		font-size: 28px;
		text-align: center;
		padding: 10px;
		margin-right: 1.75%;
		margin-bottom: 30px;
		background-color: #FFFFFF;
		border: 1px solid #8585E0;
	}
	div.mk_4 p{
		display: block;
		font-size: 16px;
		margin: 10px;
	}
	div.mk_4 span{
		display: block;
		margin-top: 30px;
		margin-bottom: 26px;
	}
	div.mk_5{
		display: block;
		float: left;
		width: 30%;
		font-size: 28px;
		text-align: center;
		padding: 10px;
		margin-right: 1.75%;
		margin-bottom: 30px;
		background-color: #FFFFFF;
		border: 1px solid #333333;
	}
	div.mk_5 p{
		font-size: 16px;
	}
	div.mk_6{
		display: block;
		float: left;
		width: 30%;
		font-size: 28px;
		text-align: center;
		padding: 10px;
		margin-bottom: 30px;
		background-color: #FFFFFF;
		border: 1px solid #333333;
	}
	div.mk_6 p{
		display: block;
		font-size: 16px;
		margin: 10px;
	}
	div.mk_6 span{
		display: block;
		margin-top: 30px;
		margin-bottom: 26px;
	}
	div.assist_area{
		display: block;
	}
	div.assist_down{
		display: block;
		float: left;
		height: 40px;
		width: 32%;
		text-align: center;
		margin-right: 1.75%;
	}
div.assist_down:last-child{
		margin-right: 0;
	}
	div.assist_up{
		display: block;
		float: left;
		height: 40px;
		width: 32%;
		text-align: center;
		margin-right: 1.75%;
	}
	div.assist_up:last-child{
		margin-right: 0;
	}
	/* 吹き出し */
	.bubble_top {
		position: relative;
		margin: 0 0 10px 0;;
		padding: 15px;
    	font-size: 20px;
		color: #279799;
		font-weight: bold;
		background: #dcd405;
		border-radius: 30px;
	}
	.bubble_top:before {  
		content: "";
		position: absolute;
		left: -5%;
		top:150%;
		width: 13px;
		height: 12px;
		bottom: 0;
		background: #dcd405;
		border-radius: 50%;
	}
	.bubble_top:after {
		content: "";
		position: absolute;
		left: -2%;
		top: 110%;
		width: 20px;
		height: 18px;
		bottom: 3px;
		background: #dcd405;
		border-radius: 50%;
	}
	.bubble_top p {
		margin: 0; 
		padding: 0;
	}
	
	.bubble_left {
		position: relative;
		margin: 2em 0 2em 20px;
		padding: 15px;
    	font-size: 20px;
		color: #279799;
		font-weight: bold;
		background: #dcd405;
		border-radius: 30px;
	}
	.bubble_left:before {  
		content: "";
		position: absolute;
		left: 107%;
		width: 13px;
		height: 12px;
		bottom: 0;
		background: #dcd405;
		border-radius: 50%;
	}
	.bubble_left:after {
		content: "";
		position: absolute;
		left: 100%;
		width: 20px;
		height: 18px;
		bottom: 3px;
		background: #dcd405;
		border-radius: 50%;
	}
	.bubble_left p {
		margin: 0; 
		padding: 0;
	}
	
	.bubble_right {
		position: relative;
		margin: 2em 0px 2em 40px;
		padding: 15px;
    	font-size: 20px;
		color: #279799;
		font-weight: bold;
		background: #dcd405;
		border-radius: 30px;
	}
	.bubble_right:before {  
		content: "";
		position: absolute;
		left: -12%;
		width: 13px;
		height: 12px;
		bottom: 0;
		background: #dcd405;
		border-radius: 50%;
	}
	.bubble_right:after {
		content: "";
		position: absolute;
		left: -7%;
		width: 20px;
		height: 18px;
		bottom: 3px;
		background: #dcd405;
		border-radius: 50%;
	}
	.bubble_right p {
		margin: 0; 
		padding: 0;
	}
	
	ul.icon_list{
		width: 95%;
		padding: 0;
		margin: 0 auto;
	}
	
	ul.icon_list li{
		list-style: none !important;
		width: 13%;
		float: left !important;
		margin: 10px 5px !important;
	}

ul.icon_list li img{
	width: 100%;
}
	
	ul.icon_list li span{
		display: block !important;
		font-size: 13px !important;
		color: #000 !important;
		text-align: center !important;
		clear: both !important;
	}
	
	ul.light_list{
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	ul.light_list li{
		font-size: 20px;
		background-image: url(../img/icon_light.png);
		background-repeat: no-repeat;
		background-position: left 2px;
		line-height: 40px;
		padding-left: 30px;
		margin-bottom: 20px;
	}
	
	ul.light_list li span{
		font-weight: bold;
		text-decoration: underline;
		color: #22228B;
	}
	ul.none_list{
		list-style: none;
		margin: 0;
	}
	ul.none_list li{
		font-size: 20px;
		font-weight: bold;
		color: #22228B;
		margin-bottom: 20px;
	}
	ul.none_list li span.txt{
		display: block;
		font-size: 15px;
		color:#000000;
		font-weight: normal;
		margin-top: 5px;
	}
	ul.none_list li span.none_img{
		position: absolute;
		margin-left: -35px;
		margin-top: -2px;
	}
	
	ul.onead_word{
		list-style: none;
	}
	
	ul.onead_word li{
		display: inline-block;
		vertical-align: middle;
		font-size: 18px;
		height: 90px;
		color: #FFFFFF;
		background-color: #404040;
		border-radius: 20px;
		padding: 34px 27px 6px;
		margin: 0px 2%;
	}
	
	ul.onead_word li:first-child{
		padding: 20px 63px;
	}
	
	ul.onead_word li:last-child{
		padding: 34px 61px 6px;
	}
	ul.brandlift_list{
		display: block;
	}
	ul.brandlift_list li{
		display: block;
		height: 205px;
		list-style: square;
		float: left;
		width: 24%;
		margin-bottom: 20px;
		margin-right: 1%;
	}
	
	ul.brandlift_list li img{
		margin-top: 19px;
	}
	ul.brandlift_list li img.none_m{
		margin-top: 0;
	}
	ul.brandlift_list li span{
		display: block;
	}
	
	/* table */
	table.table_left{
		display: inline-block;
		width: 49%;
		margin-left: 1%;
		border-collapse:collapse;
	}
	
	table.table_left th{
		color: #FFFFFF;
		background-color: #000000;
		border-right: 1px solid #FFFFFF;
		padding: 5px;
	}
	table.table_left tr th:nth-of-type(3){
  		border-right: 1px solid #000000;
	}
	table.table_left td{
		font-weight: bold;
		background-color: #FDE8CF;
		border: 1px solid #000000;
		padding: 5px;
	}
	table.table_left tr td:nth-of-type(1){
  		background-color: #8585e0;
	}
	table.table_left tr td:nth-of-type(3){
  		text-align: right;
	}
	
	
	table.table_right{
		display: inline-block;
		width: 49%;
		border-collapse:collapse;
	}
	table.table_right th{
		color: #FFFFFF;
		background-color: #000000;
		border-right: 1px solid #FFFFFF;
		padding: 5px;
		width: 28%;
	}
	table.table_right tr th:nth-of-type(3){
  		border-right: 1px solid #000000;
	}
	table.table_right td{
		font-weight: bold;
		background-color: #FDE8CF;
		border: 1px solid #000000;
		padding: 5px;
	}
	table.table_right tr td:nth-of-type(1){
  		background-color: #8585e0;
	}
	table.table_right tr td:nth-of-type(3){
  		text-align: right;
	}
	div.customer{
		font-size: 20px;
		padding: 20px;
		background-color: #FFFFFF;
		margin-top: 30px;
	}
	div.customer:first-child{
		margin-top: 0;
	}
	div.name img{
		float: left;
	}
	div.name span{
		float: right;
		font-weight: bold;
	}
	div.name span.logo_none{
		float: left;
		font-weight: bold;
	}
	p.title{
		display: block;
		font-size: 30px;
		font-weight: bold;
		color: #FF5050;
		clear: both;
		padding: 20px 0;
	}
	p.opinion{
		display: block;
	}

/* TopImage */
	div.LayoutHalf{
		clear:both;
	}
	div.LayoutHalfSpacing{
		margin: 3% 0 0 0;
	}
	div.LeftArea{
		display: block;
		float: left;
		width: 55%;
		padding: 0 1.5%;
		clear: both;
	}
	div.RightArea{
		display: block;
		float: left;
		width: 35%;
		padding: 0 2.5%;
	}
	ul.LeftAreaText{
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	ul.LeftAreaText li{
		display: block;
		float: left;
		width: 28%;
		font-size: 250%;
		text-align: center;
		padding: 2%;
		line-height: 1.2;
		color: #fff;
		background-color: #22228B;
		border-radius: 20px;
	}
	ul.LeftAreaText li span{
		font-size: 35%;		
	}
	ul.LeftAreaText li font.Size{
		font-size: 95%;
	}
	ul.LeftAreaText li span.Top{
		display: block;
		text-align: left;
	}
	ul.LeftAreaText li span.End{
		display: block;
		text-align: right;
	}
	.LeftAreaTextSpacing{
		margin: 0 2%;
	}
	div.TextShadow{
		font-size: 280%;
		font-weight: bold;
		line-height: 1.2em;
		text-align: center;
		color: #FFF;
		margin: 2.5% 0%;
		text-shadow: 3px 3px 2px #333;
	}
	div.BuleBox{
		text-align: center;
		font-weight: bold;
		color: #FFF;
		padding: 3% 2%;
		background-color: RGBA(34, 34, 139, 0.6);
	}
	div.BuleBox p{
		font-size: 350%;
		line-height: 0.9em;
		margin: 10% 0 0 0;
	}
	div.BuleBox span{
		display: block;
		font-size: 150%;
		margin: 0 0 8% 0;
	}
	h3.BuleBoxTitle{
		font-size: 150%;
		color: #FFF;
		padding: 0.5%;
		margin: 0;
		background-color: RGB(34, 34, 139);
	}
	
	div.RightArea{
		font-size: 350%;
		font-weight: bold;
		line-height: 1.2em;
		text-align: center;
		padding: 2.1%;
		color: #C00000;
		border: solid 10px #C00000;
		background-color: RGBA(255, 255, 255, 0.6);
	}
	div.RightArea span{
		font-size: 350%;
		line-height: 1.0em;
	}
div.RightArea span.Small{
	display: block;
	font-size: 50%;
	text-align: right;
	margin-top: 20px;
}
/* Content Layout */
	div.WhiteBack{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		padding: 3%;
		background-color: RGB(255, 255, 255);
	}
	div.BeigeBackArea{
		font-size: 150%;
		text-align: center;
		padding: 3%;
		background-color: RGB(253, 232, 207);
	}
	div.BeigeBack{
		font-size: 150%;
		text-align: center;
		padding: 3%;
		background-color: RGB(253, 232, 207);
	}

div.BlueBack{
	font-size: 150%;
	text-align: center;
	padding: 3%;
	background-color: #22228B;
}

ul.ImageList{
	display: table;
    width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	clear: both;
}
ul.ImageList li{
	display: table-cell;
	float: left;
	font-weight: bold;
	width: 31%;
	background-color: #D6D6F5;
}
ul.ImageList li span{
	display: block;
	margin: 12% 0;
}
ul.ImageList li span.ThreeLine{
	display: block;
	margin: 5.8% 0;
}
ul.ImageList li.spacing{
	margin: 0 3.5%;
}
div.Item70{
	display: block;
	float: left;
	width: 45%;
	font-size: 317%;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	padding: 2.1%;
	margin: 0 4% 0 0;
	color: #C00000;
	border: solid 10px #C00000;
	text-shadow: 1px 1px 2px #fff;
	box-shadow: 1px 1px 2px #fff, inset 1px 1px 2px #fff;
}
div.Item70 span{
	font-size: 362%;
	line-height: 1.0em;
}
div.Item70 span.small{
	display: block;
	font-size: 30%;
	text-align: right;
}
div.BlockArea{
	display: block;
}
div.Block{
	display: block;
}
div.BlockSpacing{
	margin: 13% 0;
}
/* 吹き出し本体 */
div.BalloonLeft{
  position: relative;
	width: 60%;
	font-size: 150%;
  padding: 20px;
  border-radius: 10px;
  background-color: #CCECFF;
  margin-left: 30%;          /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
div.BalloonLeft .img{
  position: absolute;
	width: 40%;
  left: -43%;
  top: 0;
}

div.BalloonLeft .img img{
	width: 100%;
}
/* 三角アイコン */
div.BalloonLeft::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -3%;
  top: 20px;
  border-right: 15px solid #CCECFF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
div.BalloonLeft span{
	display: block;
	font-size: 60%;
	clear: both;
}
div.BalloonLeft span.Top{
	text-align: left;	
}
div.BalloonLeft span.End{
	text-align: right;
}

div.BalloonLeft font.Large{
	font-size: 250%;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 5%;
}
/* 吹き出し本体 */
div.BalloonRight{
  position: relative;
	width: 60%;
	font-size: 150%;
  padding: 30px 20px;
  border-radius: 10px;
  background-color: #CCECFF;
  margin-right: 30%;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
div.BalloonRight .img{
  position: absolute;
	width: 40%;
  right: -43%;
  top: 0;
}
div.BalloonRight .img img{
	width: 100%;
}
/* 三角アイコン */
div.BalloonRight::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -3%;
  top: 20px;
  border-left: 15px solid #CCECFF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
div.BalloonRight span{
	display: block;
	font-size: 60%;
	clear: both;
}
div.BalloonRight span.Top{
	text-align: left;	
}
div.BalloonRight span.End{
	text-align: right;
}

div.BalloonRight font.Large{
	font-size: 250%;
	font-weight: bold;
	line-height: 1.0em;
	margin: 0 5%;
}
div.BalloonRight font.LargeText{
	font-size: 198%;
	font-weight: bold;
	line-height: 1.2em;
}
div.BeigeBackInner{
	background-color: #FFF;
	padding: 1%;
	font-weight: bold;
}
div.BeigeBackInner span{
	display: block;
	font-size: 65%;
	color: #ff840a;
	text-align: right;
}
div.BeigeBackInner ul.ListCorporation {
	width: 75%;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
div.BeigeBackInner ul.ListCorporation h6{
	font-size: 110%;
	color: #ff840a;
	text-align: left;
	margin: 1% 0;
}
div.BeigeBackInner ul.ListCorporation li{
	display: block;
	width: 32%;
	float: left;
	font-size: 80%;
	color: #ff840a;
	text-align: left;
	margin: 0 0 1% 1%;
	padding: 0;
	
}
div.BeigeBackInner ul.RightCorporation {
	width: 25%;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

div.BeigeBackInner ul.RightCorporation h6{
	font-size: 110%;
	color: #ff840a;
	text-align: left;
	margin: 2% 0;
}
div.BeigeBackInner ul.RightCorporation li{
	display: block;
	font-size: 80%;
	color: #ff840a;
	text-align: left;
	margin: 0 0 1% 1%;
	padding: 0;
	
}
ul.ListDown{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.ListDown li{
	display: block;
	float: left;
	width: 32%;
	font-size: 150%;
	font-weight: bold;
	padding: 2% 0;
	text-align: center;
}

ul.ListDown li.HeightAdjustment{
	padding: 2.7% 0;
}
ul.ListDown li span{
	display: block;
	font-size: 61%;
	font-weight: normal;
}
ul.ListDown li.BackGround{
	background-color: #FFF;
	border: 1px solid #333;
	}
ul.ListDown li.Spacing{
	margin: 0 1.5%;
}
ul.ListDown li.DownImg{
	width: 32.2%;
	height: 40px;
	padding: 0;
}

ul.ListUp{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.ListUp li{
	display: block;
	float: left;
	width: 32%;
	font-size: 150%;
	font-weight: bold;
	padding: 2% 0;
	text-align: center;
}

ul.ListUp li.HeightAdjustment{
	padding: 3.1% 0;
}

ul.ListUp li span{
	display: block;
	font-size: 61%;
	font-weight: normal;
}
ul.ListUp li.BackGround{
	background-color: #FFF;
	border: 1px solid #333;
	}
ul.ListUp li.Spacing{
	margin: 0 1.5%;
}
ul.ListUp li.UpImg{
	width: 32.2%;
	height: 40px;
	padding: 0;
}

ul.MECA_InnerLeftList{
	display: inline-block;
	float: left;
	width: 49%;
	margin: 0;
	padding: 0;
}

div.MarketingExpertiseCenterArea{
	display: flow-root;
	clear: both;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
}
div.MECA_Inner{
	display: inline-block;
	float: left;
	width: 58%;
	padding: 1%;
	margin-right: 1%;
	background-color: #D9D9D9;
	border: 1px solid #6600FF;
}
div.MECA_InnerLeft{
	display: inline-block;
	float: left;
	width: 45%;
	margin-left: 3%;
}

ul.MECA_InnerLeftList{
	display: inline-block;
	float: left;
	width: 52%;
	margin: 0;
	padding: 0;
}

ul.MECA_InnerLeftList li{
	display: inline-block;
	float: left;
	background-color: #FFF;
	margin-right: 1%;
    width: 30%;
}

ul.MECA_InnerLeftList li img{
	width: 100%;
}
ul.MECA_InnerLeftList li.ListText{
	padding: 10px 10px;
    color: RGB(255,255,255);
	font-weight: bold;
	background-color: #FF5050;
}
ul.MECA_InnerLeftList li.ListText span{
	display: block;
	margin-top: 10px;
}

ul.MECA_InnerLeftList li img{
	margin-top: 8px;
}


div.MECA_InnerRight{
	display: inline-block;
	float: left;
	vertical-align: bottom;
	background-color: #D9D9D9;
	border: 1px solid #6600FF;
	padding: 1.6% 1%;
}

/* text */
	h1{
		display: block;
		width: 100%;
		font-size: 40px;
		text-align: center;
		color: #183696;
		border: 2px solid #183696;
	}

h2{
	font-size: 150%;
	color: #FFF;
	background-color: RGB(34, 34, 139);
	margin: 0;
	padding: 30px 0;
	text-align: center;
}	

h2.BgWhite{
	font-size: 150%;
	color: #333;
	background-color: #FFFFFF;
	margin: 0;
	padding: 30px 0;
	text-align: center;
}

	p{margin: 0px;}
	
	span.top_icon_text{
		display: block;
		font-size: 120%;
	}
	span.table_text{
		display: block;
	}
	/* color */
	.Yellow{color: #FFFF00 !important;}
	.Bule{color: #22228B !important;}
	.White{color: #FFFFFF !important;}
	.Red{color:#FF5050 !important;}
	
	.bg_white{background-color: #FFFFFF !important;}
	.bg_bule{background-color: #22228B !important;}
	.bg_beige{background-color: #FDE8CF !important;}
	.bg_red{background-color: #FF5050 !important;}
	.bg_green{background-color: #00664D !important;}
	.bg_gray{background-color: #f7f7f7 !important;}
	.bg_pink{background-color: #ff9999 !important}
	
	/* size */
.FontSmall{font-size: 75% !important;}
.FontLarge{font-size: 150% !important;}
.FontXLarge{font-size: 200% !important;}
	.f12{font-size:12px !important;}
	.f16{font-size:16px !important;}
	.f20{font-size:20px !important;}
	.f25{font-size:25px !important;}
	.f32{font-size:32px !important;}
	.f35{font-size:35px !important;}
	.f40{font-size:3vw !important;}
	.f52{font-size:52px !important;}
	.f75{font-size:75px !important;}
	
	.w22{width: 22%;}
	.w35{width: 35%;}
	.w43{width: 43%;}
	.w44{width: 44%;}
	.w50{width: 50%;}
	.w68{width: 68%;}
	.w90{width: 90%;}
	.w95{width: 95%;}
	
	/* decoration */
	.bold{font-weight: bold;}
	.normal{font-weight: normal;}
	.underline{text-decoration: underline;}
	
	.boder_blue3{border:3px solid #22228B;}
	.boder_white3{border:3px solid #FFFFFF;}
.BoderBeigeTop5{border-top:5px solid #FDE8CF;}
	
	.mintyou{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}
	/* flont */

	.fl_right{float: right;}
.FloatLeft{float: left;}
	
	/* margin */
	.m0{margin: 0px;}
	.mT10{margin-top: 10px;}
	.mT20{margin-top: 20px;}
	.mT48{margin-top: 48px;}
	.mT55{margin-top: 55px;}
	.mT67{margin-top: 67px;}
	.mT80{margin-top: 80px;}
	.mTB20{margin: 20px 0;}
	.mB30{margin-bottom: 30px;}
	.mR10{margin-right: 10px;}
	.mL5{margin-left:5px;}
	.mL20{margin-left:20px;}
	.mL6p{margin-left: 6%;}
	.mL23_5p{margin-left: 23.5%;}
	.mL30p{margin-left: 30%;}
	.mLR5{margin: 0 5px;}
	.mLR20{margin: 0 20px;}
	.mLR40{margin: 0 40px;}
	.mLRauto{margin: 0 auto;}
	.mA20{margin: 20px;}
	
	/* padding */
	.pT10{padding-top: 10px;}
	.pT30{padding-top: 30px;}
	.pB10{padding-bottom: 10px;}
	.pB15{padding-bottom: 15px;}
	.pL2p{padding-left: 2%;}
	.pLR5p{padding: 0 5%;}
	.pTB30{padding: 30px 0;}
	.pTB30LR20{padding: 30px 20px;}
	.pA5{padding: 5px;}
	.pA10{padding: 10px;}
	.pA20{padding: 20px;}
.pA30{padding: 30px;}
	
	/* align */
	.t_a_c{text-align: center;}
	.t_a_L{text-align: left;}
	
	/* clear */
	.dis_block{display: block;}
	.both{clear: both}

.MbVer{
	display: none;
}

@media screen and (max-width: 1100px) {
	img.MbWidth{
		width: 100%;
	}
	
	img.MbWidth95{
		width: 95%;
	}
	
	.MbNone{
		display: none !important;
	}
	
	h2{
		font-size: 2.5vw;
	}
	
	h3.BuleBoxTitle{
		font-size: 2.5vw;
	}
	
	.FontLarge{
		font-size: 3vw !important;
	}
	
	.f20{
		font-size: 2vw !important;
	}
	
	.f25{
		font-size: 2.2vw !important;
	}
	.f32{
		font-size: 1.6vh !important;
	}
	.MbFont14vw{
		font-size: 1.4vw !important;
	}
	
	ul.LeftAreaText li{
		font-size: 4vw;
	}
	
	div.TextShadow{
		font-size: 4vw;
	}
	
	div.BuleBox p{
		font-size: 5vw;
		margin: 8% 0 0 0;
	}
	
	div.BuleBox span{
		font-size: 3vw;
		margin: 0 0 6% 0;
	}
	
	div.RightArea{
		font-size: 5.1vw;
	}
	
	a.btn_info{
		font-size: 3.5vw;
	}
	
	a.btn_info img{
		vertical-align: middle;
	}
	
	span.top_icon_text{
		font-size: 1.78vw !important;
	}
	
	ul.ImageList li{
		font-size: 2.2vw;
	}
	
	div.Item70{
		font-size: 6.88vw;
	}
	
	div.BalloonLeft span{
		font-size: 2vw;
	}
	div.BalloonRight span{
		font-size: 1.9vw;
	}
	
	div.BlockSpacing{
		margin: 6% 0;
	}
	
	div.t_cell_1{
		font-size: 2.5vw;
	}
	
	div.t_cell_2{
		font-size: 2.5vw;
	}
	
	div.t_cell_none{
		margin: 0;
	}
	
	div.t_cell_3{
		font-size: 1.7vw;
	}
	
	ul.icon_list li{
		width: 12.7%;
	}
	
	ul.icon_list li span{
		font-size: 1vw !important;
	}
	ul.light_list li{
		font-size: 1.8vw;
	}
	
	div.BeigeBackInner ul.ListCorporation h6{
		font-size: 2.5vw;
	}
	
	div.BeigeBackInner ul.ListCorporation li{
		font-size: 1.5vw;
	}
	
	div.BeigeBackInner ul.RightCorporation h6{
		font-size: 2.5vw;
	}
	
	div.BeigeBackInner ul.RightCorporation li{
		font-size: 1.5vw;
	}
	div.right{
		font-size: 1.82vw;
	}
	div.left{
		padding: 20px 0 20px 2%;
	}
	ul.none_list li{
		font-size: 2vw;
	}
	ul.none_list li span.txt{
		font-size: 1.3vw;
	}
	div.line3_left{
		font-size: 1.45vw;
		padding-left: 1%;
	}
	
	div.line3_center{
		font-size: 1.45vw;
	}
	
	div.line3_right{
		font-size: 1.45vw;
	}
	
	div.line3_center2{
		font-size: 1.45vw;
	}
	div.line3_right2{
		font-size: 1.45vw;
	}
	
	ul.ListDown li{
		font-size: 2vw;
	}
	
	ul.ListDown li.HeightAdjustment{
		padding: 2.7% 0;
	}
	
	ul.ListUp li{
		font-size: 2vw;
	}
	
	div.mk_3_2_1{
		font-size: 2.5vw;
	}
	
	div.mk_3_2_1 p{
		font-size: 1.5vw;
	}
	
	div.mk_3_3{
		font-size: 2.5vw;
	}
	
	div.mk_3_3 p{
		font-size: 1.5vw;
	}
	
	ul.MECA_InnerLeftList li.ListText{
		font-size: 1.6vw;
	}
}

@media screen and (max-width: 900px) {
	.PcVer{
		display: none;
	}
	
	.MbVer{
	display: block;
		max-width: 900px;
}
	.MbVer img{
		width: 100%;
	}
	
	div.tel{
		width: 28%;
		font-size: 4.5vw;
	}
	
	p.number{
		font-size: 2.8vw;
	}
	.Logo {
		width: 25%;
		max-width: 200px;
	}
	
	.CtcArea{
		display: table;
		padding: 2%;
		background-color: #22228B;
	}
}