/* スタイル */

body {
	padding: 0px;
	background: #ffffff;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 100;
	color: #333333;
	line-height: 150%;
	font-size: 12px;

}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.inlineblock {
	display: inline-block;
}

.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.mail_visibility {
	visibility: hidden;
}

.textrow {
	width: 90%;
}

.partborder {
	background-image: url(../image/border_part.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 50px 0px 50px 0px;
	height: 2px;
}

.btn {
	padding:0;
	margin:0;
}

section {
	margin-top: -55px;
	padding-top: 55px;
}

.reponcive_display_large {
	display: block;
}
.reponcive_display_small {
	display: none;
}

@media (max-width: 767px) {
.reponcive_display_large {
	display: none;
}
.reponcive_display_small {
	display: block;
}
}

@media only screen and (min-width: 768px) {
.nodisplay {
	display: none;
}
}


/* -- top_point -- */
.point2_area {
	width: 100%;
	background-color: #f5f5f5;
	padding: 20px;
	margin: 0px 0px 0px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.point2_box {
	background-color: #ebebeb;
	margin-bottom: 20px;
	padding: 0px;
}

@media screen and (max-width: 1199px) {
.point2_smalltext {
	font-size: 12px;
}
}

@media screen and (max-width: 767px) {
.point2_smalltext {
	font-size: 10px;
}
}


/* general
=================================================================== */
.case_title {
	font-size: 20px;
	font-weight: 900;
	line-height: 1.5;
	color:#0096ff;
}
.case_subtitle {
	font-size: 16px;
	font-weight: 100;
	line-height: 1.5;
}
.case_continue {
	font-size: 16px;
	font-weight: 100;
	line-height: 1.5;
	color: #0096ff;
	display:inline-block;
}


/* -- company -- */
ul.accordion { 
	width: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #c8c8c8;
}
@media only screen and (min-width: 768px) {
ul.accordion { 
	width: 90%;
}
}

ul.accordion ul {
	display:none;
}
ul.accordion > li {
	border-bottom: 1px solid #c8c8c8;
	padding: 15px 15px 15px 15px;
}
ul.accordion > li > p {
	cursor:pointer;
	margin: 0px;
}


.itembox {
	width:100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.itembox_01_inner {
	width:100%;
	height:280px;
	border:solid 1px #c8c8c8;
	background-color: #ffffff;
	text-align: center;
	padding:15px;
}
.itembox_01_head {
	width: 100%;
	height: 22px;
	text-align: center;
	padding-top: 3px;
	font-weight: 900;
	background-color: #c8c8c8;
}

.itembox_02_inner {
	width:100%;
	height:280px;
	border:solid 1px #999999;
	background-color: #ffffff;
	text-align: center;
	padding:15px;
}
.itembox_02_head {
	width: 100%;
	height: 22px;
	text-align: center;
	padding-top: 3px;
	font-weight: 900;
	background-color: #999999;
	color: #ffffff;
}

.itembox_03_inner {
	width:100%;
	height:330px;
	border:solid 1px #c8c8c8;
	background-color: #ffffff;
	text-align: center;
	padding:15px;
}
.itembox_03_head {
	width: 100%;
	height: 22px;
	text-align: center;
	padding-top: 3px;
	font-weight: 900;
	background-color: #c8c8c8;
}

.itembox_04_inner {
	width:100%;
	height:330px;
	border:solid 1px #999999;
	background-color: #ffffff;
	text-align: center;
	padding:15px;
}
.itembox_04_head {
	width: 100%;
	height: 22px;
	text-align: center;
	padding-top: 3px;
	font-weight: 900;
	background-color: #999999;
	color: #ffffff;
}

@media screen and (max-width: 1199px) {
.itembox_01_inner {
	height:300px;
}
.itembox_02_inner {
	height:300px;
}
.itembox_03_inner {
	height:330px;
}
.itembox_04_inner {
	height:330px;
}
}

@media screen and (max-width: 991px) {
.itembox_01_inner {
	height:350px;
}
.itembox_02_inner {
	height:350px;
}
.itembox_03_inner {
	height:350px;
}
.itembox_04_inner {
	height:350px;
}
}

@media screen and (max-width: 767px) {
.itembox_01_inner {
	height:280px;
}
.itembox_02_inner {
	height:280px;
}
.itembox_03_inner {
	height:330px;
}
.itembox_04_inner {
	height:330px;
}
}


/* フォント */

a:link { color:#ae749d; text-decoration:none; }
a:visited { color:#ae749d; text-decoration:none; }
a:hover { color:#cc6f76; text-decoration:none; }
a:active { color:#824a72; text-decoration:none; }


/* font-size
=================================================================== */
.s10,.m10,.l10,.xl10 { font-size:10px; }
/* Modern browser only (Win IE7 is excluded) */
html>/**/body { font-size:12px; }
html>/**/body .s10,
html>/**/body .m10,
html>/**/body .l10,
html>/**/body .xl10 { font-size:10px; }
/* End Modern browser only (Win IE7 is excluded) */
/* Safari only \*/
html:\66irst-child .s10,
html:\66irst-child .m10,
html:\66irst-child .l10,
html:\66irst-child .xl10 { font-size:10px; }
/* End Safari only */
.s14,.m14,.l14,.xl14 { font-size:14px; }
.s16,.m16,.l16,.xl16 { font-size:16px; line-height: 150%;}
.s18,.m18,.l18,.xl18 { font-size:18px; }

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


/* btn_general
................................................................... */
.btn_general {
    display: inline-block;
	width: 50%;
	height: 40px;
	font-size: 18px;
	font-weight: 100;
	text-align: center;
	color: #ffffff !important;
 	padding-top: 12px;
	box-shadow: #333333 0px 3px 0px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.btn_general:hover, .btn_general:active, .btn_general:focus {
	color: #ffffff;
   -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
	box-shadow: #333333 0px 1px 0px 0px;
}
@media (max-width: 767px) {
.btn_general {
	font-size: 16px;
	width: 50%;
	height: 35px;
 	padding-top: 10px;
}
}