@charset "UTF-8";
/* Body */
body {
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;*/
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFFFFF;
	margin: 0;
}
/* Container */
.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
/* Header */
header {
	width: 100%;
	height: 8%;
	background-color: #5D5E5D;
	border-bottom: 1px solid #353635;
}
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #6DC7D0;
	color: #FFFFFF;
	cursor: pointer;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
footer {
	background-color: #B3B3B3;
	padding-top: 60px;
	padding-bottom: 60PX;
}

/* Mobile */
@media (max-width: 320px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.logo img {
	width: 100%;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding: 0;
}
.intro .column p {
	width: 80%;
	margin-left: 0px;
}
.text_column {
	padding-left: 20px;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.logo img {
	width: 100%;
}
.text_column {
	width: 100%;
	text-align: left;
	padding: 0;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.thumbnail {
	width: 100%;
}
.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.profile {
	width: 100%;
}
.intro .column p {
	width: 90%;
	text-align: center;
	padding-left: 0px;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.thumbnail {
	width: 48%;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
.intro .column p {
	width: 80%;
}
}

ul {
	line-height: 2em;
}

.point01 .arrow,
.point02 .arrow,
.point03 .arrow,
.point04 .arrow,
.jirei .arrow {
	width: 0;
	height: 0;
	margin-left: auto;
	margin-right: auto;
/*	position:relative;
	top: 0px;*/
	margin-bottom: 0px;
}
.point01 h2,
.point02 h2,
.point03 h2,
.point04 h2,
.jirei h2 {
	color: #ffffff;
	padding: 20px;
	margin-bottom: 0px;
	line-height: 1.5em;
	border-radius: 3px;
}
.point01 .box,
.point02 .box,
.point03 .box,
.point04 .box,
.jirei .box {
	padding: 10px;
	border-radius:0px 0px 6px 6px;
}
.point01 h3,
.point02 h3,
.point03 h3,
.point04 h3,
.jirei h3 {
	border-radius: 6px 6px 0px 0px;
	padding: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #ffffff;
	line-height: 1.3em;
}
.point01 h4,
.point02 h4,
.point03 h4,
.point04 h4,
.jirei h4 {
	border-radius: 2em;
	padding: 20px;
}
.point01 .small,
.point02 .small,
.point03 .small,
.point04 .small,
.jirei .small {
	font-size: 0.8em;
}

.point01 strong,
.point02 strong,
.point03 strong,
.point04 strong {
	color: rgba(241,97,236,1.00);
}
.point01 .button a,
.point02 .button a,
.point03 .button a,
.point04 .button a,
.jirei .button a {
	text-decoration: none;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.5em;
}
.point01 .button,
.point02 .button,
.point03 .button,
.point04 .button,
.jirei .button {
	width: inherit;
	margin-bottom: 5em;
	border-radius: 3px;
}
.point01 .caution,
.point02 .caution,
.point03 .caution,
.point04 .caution,
.jirei .caution {
		background-image:url(../images/caution.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding-left: 70px;

}

.hr {
/*	background-color: #D7D7D7;*/

border: none;
height: 1px;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #aaaaaa 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#aaaaaa 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#aaaaaa 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

.point01 {

}
.point01 h2 {

	background-color: #88bc43;
	background-image:url(../images/point01.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding-left: 110px;

}
.point01 .arrow {
	border: 50px solid transparent;
	border-top: 50px solid #88bc43;
}
.point01 .box {
	border: 5px solid #88bc43;
}
.point01 h3,
.point01 h4 {
	background-color: #88bc43;
	color: #fff;
}
.point01 .b_back {
	background-color: #88bc43;
	border-radius: 3px;
}

.point02 {
}
.point02 h2 {
	background: #005bac;
	background-image:url(../images/point02.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding-left: 110px;

}
.point02 .arrow {
	border: 50px solid transparent;
	border-top: 50px solid #005bac;
}
.point02 .box {
	border: 5px solid #005bac;	
}
.point02 h3,
.point02 h4 {
	background-color: #005bac;
	color: #fff;
}
.point02 .b_back {
	background-color: #005bac;
	border-radius: 3px;
}


.point03 {

}
.point03 h2 {
	background: #d91a84;
	background-image:url(../images/point03.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding-left: 110px;
}
.point03 .arrow {
	border: 50px solid transparent;
	border-top: 50px solid #d91a84;
}
.point03 .box {
	border: 5px solid #d91a84;	
}
.point03 h3 {
	background-color: #d91a84;
}
.point03 .b_back {
	background-color: #d91a84;
	border-radius: 3px;
}


.point04 {

}
.point04 h2 {
	background: #f49d24;
	background-image:url(../images/point04.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding-left: 110px;
}
.point04 .arrow {
	border: 50px solid transparent;
	border-top: 50px solid #f49d24;
}
.point04 .box {
	border: 5px solid #f49d24;	
}
.point04 h3 {
	background-color: #f49d24;
}
.point04 .b_back {
	background-color: #f49d24;
	border-radius: 3px;
}

.jirei h2 {
	background: #00aebb;
	background-image:url(../images/jirei.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding-left: 110px;
}
.jirei .arrow {
	border: 50px solid transparent;
	border-top: 50px solid #00aebb;
}
.jirei .box {
	border: 5px solid #00aebb;	
}
.jirei h3,
.jirei h4,
.jirei h5 {
	background-color: #00aebb;
	color: #ffffff;
}
.jirei .b_back {
	background-color: #00aebb;
	border-radius: 3px;
}