@charset "UTF-8";

.bg_gray {
	background-color: #D8E6EC;
	border-radius: 7px;
	padding: 10px;
}
.bg_yel {
	background-color: #FBF299;
	border-radius: 7px;
	padding: 10px;
}
/* ===============
  BOX 1
=============== */
.box_01_w {
	position: relative;
}
.box_01 {
	display: inline-block;
	width: auto;
	max-width: auto;
	position: relative;
	border: 1px solid #E9B246;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(204, 204, 204, 1) -5px -5px 5px -5px inset;
	background: #FFF;
}
.box_01:after, .box_01:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_01:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFF;
	border-width: 7px;
	margin-top: -7px;
}
.box_01:before {
	border-color: rgba(234, 179, 57, 0);
	border-right-color: #E9B246;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  BOX 2
=============== */
.box_02_w {
	position: relative;
}
.box_02 {
	display: inline-block;
	width: auto;
	max-width: auto;
	position: relative;
	border: 1px solid #E9B246;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(219, 213, 161, 1) -5px -5px 5px -5px inset;
	background: #FCFCD3;
	color: #6A4702;
	font-weight: bold;
}
.box_02:after, .box_02:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_02:after {
	border-color: rgba(252, 253, 209, 0);
	border-right-color: #FCFCD3;
	border-width: 7px;
	margin-top: -7px;
}
.box_02:before {
	border-color: rgba(234, 179, 57, 0);
	border-right-color: #E9B246;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  BOX アイちゃん 右
=============== */
.box_ai_w {
	position: relative;
}
.box_ai {
	display: inline-block;
	left: auto;
	width: auto;
	position: relative;
	border: 1px solid #F78382;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(221, 194, 198, 1) 7px -7px 7px -7px inset;
	background: #FEF6F6;
	color: #C10662;
	font-weight: bold;
}
.box_ai:after, .box_ai:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_ai:after {
	border-color: rgba(254, 246, 246, 0);
	border-left-color: #FEF6F6;
	border-width: 7px;
	margin-top: -7px;
}
.box_ai:before {
	border-color: rgba(249, 130, 128, 0);
	border-left-color: #F78382;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  BOX アイちゃん 左
=============== */
.box_ai_l_w {
	position: relative;
}
.box_ai_l {
	display: inline-block;
	left: auto;
	width: auto;
	position: relative;
	border: 1px solid #F78382;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(221, 194, 198, 1) 7px -7px 7px -7px inset;
	background: #FEF6F6;
	color: #C10662;
	font-weight: bold;
}
.box_ai_l:after, .box_ai_l:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_ai_l:after {
	border-color: rgba(254, 246, 246, 0);
	border-right-color: #FEF6F6;
	border-width: 7px;
	margin-top: -7px;
}
.box_ai_l:before {
	border-color: rgba(249, 130, 128, 0);
	border-right-color: #F78382;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  BOX イズナくん 左
=============== */
.box_izuna_l_w {
	position: relative;
}
.box_izuna_l {
	display: inline-block;
	left: auto;
	width: auto;
	position: relative;
	border: 1px solid #9266E7;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(203, 183, 226, 1) -5px -5px 5px -5px inset;
	background: #F1EAFC;
	color: #6B39B2;
	font-weight: bold;
}
.box_izuna_l:after, .box_izuna_l:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_izuna_l:after {
	border-color: rgba(241, 234, 252, 0);
	border-right-color: #F1EAFC;
	border-width: 7px;
	margin-top: -7px;
}
.box_izuna_l:before {
	border-color: rgba(146, 97, 234, 0);
	border-right-color: #9266E7;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  BOX 3
=============== */
.box_03_w {
	position: relative;
}
.box_03 {
	display: inline-block;
	left: auto;
	width: auto;
	position: relative;
	border: 1px solid #5CBA0A;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(196, 225, 166, 1) 7px -7px 7px -7px inset;
	background: #F3FBE1;
	color: #335F03;
	font-weight: bold;
}
.box_03:after, .box_03:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_03:after {
	border-color: rgba(243, 251, 225, 0);
	border-left-color: #F3FBE1;
	border-width: 7px;
	margin-top: -7px;
}
.box_03:before {
	border-color: rgba(92, 186, 10, 0);
	border-left-color: #5CBA0A;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  BOX 4
=============== */
.box_04_w {
	padding: 0 0 0 90px;
	min-height: 100px;
	position: relative;
}
.box_04 {
	display: inline-block;
	width: auto;
	max-width: auto;
	position: relative;
	border: 1px solid #c9c9c9;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(200, 226, 231, 1) -5px -5px 5px -5px inset;
	background: #EAFBFB;
	color: #445E89;
	font-weight: bold;
}
.box_04:after, .box_04:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_04:after {
	border-color: rgba(234, 251, 251, 0);
	border-right-color: #EAFBFB;
	border-width: 7px;
	margin-top: -7px;
}
.box_04:before {
	border-color: rgba(201, 201, 201, 0);
	border-right-color: #c9c9c9;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  BOX 5
=============== */
.box_05_w {
	padding: 0 90px 0 0;
	min-height: 100px;
	position: relative;
}
.box_05 {
	display: inline-block;
	left: auto;
	width: auto;
	position: relative;
	border: 1px solid #c9c9c9;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(200, 226, 231, 1) 7px -7px 7px -7px inset;
	background: #EAFBFB;
	color: #445E89;
}
.box_05:after, .box_05:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_05:after {
	border-color: rgba(234, 251, 251, 0);
	border-left-color: #EAFBFB;
	border-width: 7px;
	margin-top: -7px;
}
.box_05:before {
	border-color: rgba(201, 201, 201, 0);
	border-left-color: #c9c9c9;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  グレー背景　右
=============== */
.right_1_w {
	padding: 7px 87px 7px 7px;
	min-height: 100px;
	position: relative;
}
.right_1 {
	display: inline-block;
	left: 20%;
	width: 70%;
	position: relative;
	border: 1px solid #c9c9c9;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(0, 0, 0, 0.2) 5px -5px 5px -5px inset;
	background: #F7FBFA;
	color: #445E89;
}
.right_1:after, .right_1:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.right_1:after {
	border-color: rgba(247, 251, 250, 0);
	border-left-color: #F7FBFA;
	border-width: 7px;
	margin-top: -7px;
}
.right_1:before {
	border-color: rgba(201, 201, 201, 0);
	border-left-color: #c9c9c9;
	border-width: 8px;
	margin-top: -8px;
}
/* ===============
  グレー背景　左
=============== */
.left_1_w {
	padding: 7px 7px 7px 87px;
	min-height: 100px;
	position: relative;
}
.left_1 {
	display: inline-block;
	width: auto;
	max-width: 70%;
	position: relative;
	border: 1px solid #c9c9c9;
	padding: 3%;
	border-radius: 15px;
	box-shadow:rgba(0, 0, 0, 0.2) -5px -5px 5px -5px inset;
	background: #F7FBFA;
	color: #445E89;
}
.left_1:after, .left_1:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.left_1:after {
	border-color: rgba(247, 251, 250, 0);
	border-right-color: #F7FBFA;
	border-width: 7px;
	margin-top: -7px;
}
.left_1:before {
	border-color: rgba(179, 211, 230, 0);
	border-right-color: #c9c9c9;
	border-width: 8px;
	margin-top: -8px;
}


/*西島*/
.nishijima_1 {
	background: url("../images/icon_nishijima_1.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 100px;
	min-height: 173px;
}
.nishijima_2 {
	background: url("../images/icon_nishijima_2.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 100px;
}
.nishijima_3 {
	background: url("../images/icon_nishijima_3.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 100px;
}
.nishijima_4 {
	background: url("../images/icon_nishijima_4.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 100px;
}
.nishijima_5 {
	background: url("../images/icon_nishijima_5.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 100px;
	min-height: 160px;
}
/*中島*/
.nakajima_1 {
	background: url("../images/icon_nakajima_1.gif") no-repeat scroll right 0 transparent;
	padding: 0 85px 0 0;
	min-height: 95px;
}
.nakajima_2 {
	background: url("../images/icon_nakajima_2.gif") no-repeat scroll right 0 transparent;
	padding: 0 85px 0 0;
	min-height: 95px;
}
.nakajima_3 {
	background: url("../images/icon_nakajima_3.gif") no-repeat scroll right 0 transparent;
	padding: 0 85px 0 0;
	min-height: 95px;
}
.nakajima_4 {
	background: url("../images/icon_nakajima_4.gif") no-repeat scroll right 0 transparent;
	padding: 0 85px 0 0;
	min-height: 95px;
}
.nakajima_5 {
	background: url("../images/icon_nakajima_5.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 95px;
}
.nakajima_6 {
	background: url("../images/icon_nakajima_6.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 95px;
}
.nakajima_7 {
	background: url("../images/icon_nakajima_7.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 95px;
}
/*中江*/
.nakae_1 {
	background: url("../images/icon_nakae_1.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 93px;
}
.nakae_2 {
	background: url("../images/icon_nakae_2.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 93px;
}
.nakae_3 {
	background: url("../images/icon_nakae_3.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 93px;
}
.nakae_4 {
	background: url("../images/icon_nakae_4.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 93px;
}
/*アイちゃん*/
.ai_1 {
	background: url("../images/icon_ai_1.gif") no-repeat scroll right 0 transparent;
	padding: 0 90px 0 0;
	min-height: 123px;
}
.ai_2 {
	background: url("../images/icon_ai_2.gif") no-repeat scroll right 0 transparent;
	padding: 0 90px 0 0;
	min-height: 116px;
}
.ai_3 {
	background: url("../images/icon_ai_3.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 86px;
}
.ai_4 {
	background: url("../images/icon_ai_4.gif") no-repeat scroll right 0 transparent;
	padding: 0 90px 0 0;
	min-height: 116px;
}
/*イズナくん*/
.izuna_1 {
	background: url("../images/icon_izuna_1.gif") no-repeat scroll left 0 transparent;
	padding: 0 0 0 90px;
	min-height: 115px;
}