@charset "utf-8";


/*
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

 画面幅640px以下（スマートフォン）

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/

/*
[memo]
・サイドバーとメインカラムの位置を入れ替えた

・追加クラス
.ac_btn
.ac_menu
.slide_customer

*/


/* 全体
------------------------------*/
/*body {*/
/*	font-size: 14px;*/
/*	max-width: 691px;*/
/*	min-width: 320px;*/
/*	-webkit-text-size-adjust: 100%;*/
/*	line-height: none;*/
/*}*/
#contwrap{
	width:100%;
	overflow-x:hidden;
}
input[type="submit"],
button { -webkit-appearance: none; }

img {
	width: 100%;
	height: auto;
}
.max_width100 {
	width: auto;
	max-width: 100%;
}
.max_width90 {
	width: auto;
	max-width: 90%;
}
.max_width80 {
	width: auto;
	max-width: 80%;
}
.max_width70 {
	width: auto;
	max-width: 70%;
}
.max_width60 {
	width: auto;
	max-width: 60%;
}
.max_width50 {
	width: auto;
	max-width: 50%;
}
.max_width40 {
	width: auto;
	max-width: 40%;
}
.max_width30 {
	width: auto;
	max-width: 30%;
}
.max_width20 {
	width: auto;
	max-width: 20%;
}
.max_width10 {
	width: auto;
	max-width: 10%;
}

/* common */
.inner {
	width: 93.75% !important;
	margin: 0 auto !important;
}
.mb_0_sp { margin-bottom:  0px; }
.mb_5_sp { margin-bottom:  5px; }
.mb_10_sp { margin-bottom: 10px; }
.mb_15_sp { margin-bottom: 15px; }
.mb_20_sp { margin-bottom: 20px; }
.mb_25_sp { margin-bottom: 25px; }
.mb_30_sp { margin-bottom: 30px; }
.mb_35_sp { margin-bottom: 35px; }
.mb_40_sp { margin-bottom: 40px; }
.mb_45_sp { margin-bottom: 45px; }
.mb_50_sp { margin-bottom: 50px; }

.w_90_sp { width: 90% !important; }
.w_80_sp { width: 80% !important; }
.w_70_sp { width: 70% !important; }
.w_60_sp { width: 60% !important; }
.w_50_sp { width: 50% !important; }
.w_40_sp { width: 40% !important; }
.w_30_sp { width: 30% !important; }
.w_20_sp { width: 20% !important; }
.w_10_sp { width: 10% !important; }


/* table */
#main table.normal_table {
	width: 100% !important;
	display: table;
	table-layout: fixed;
}
#main table.normal_table td,
#main table.normal_table th {
	display: table-cell;
	font-size: 10px;
  padding: 5px 10px !important;
}
#main table.normal_table td {
  padding: 10px !important;
}
#main table.definition_table td.first {
	border-top: 1px dotted #ccc;
}

/* header */
#header {
	height: auto;
	border-bottom: 1px solid #eeeeee;
}
#header .tel {
	display: none;
}
#header .link {
	display: none;
	margin: 0;
	float: none;
}
#header #site_id {
	position: relative;
	z-index: 1;
}
#header #site_id a {
	display: block;
	float: none;
	background-position: center;
	margin: 10px 0;
}
#sp_menu {
	display: block;
	position: absolute;
	top: -6px;
	right: 0;
	width: 40px;
}
/*
#g_menu {
	position: relative;
  z-index: 1;
	height: auto;
	background: none;
	display: none;
}*/
#g_menu {
transition: all 0.3s;
position: relative;
z-index: 1;
min-height:0;
max-height:0;
background: none;
opacity:0;
}
#g_menu.opend {
max-height:none;
min-height:300px;
opacity:1;
}
#g_menu * { /* #g_menu reset */
	position: static !important;
	z-index: 1 !important;
	background: none !important;
	color: inherit !important;
	padding: inherit !important;
	height: auto !important;
	width: 100% !important;
	display: block;
	float: none !important;
	border: none !important;
	box-shadow: none !important;
	font-size: 100% !important;
	font-weight: normal !important;
	text-align: left !important;
	color: inherit !important;
	text-indent: inherit !important;
}
#g_menu > .inner > ul > li a {
	padding: 10px !important;
	box-sizing: border-box;
}
#g_menu > .inner > ul > li.ac_btn > a {
	background: url(../images/common/icon_plus.png) no-repeat 95% center !important;
	background-size: 15px !important;
	padding-right: 35px !important;
	pointer-events:none;
}
#g_menu > .inner > ul > li {
	border-bottom: 1px solid #eeeeee !important;
}
#g_menu > .inner > ul > li.ac_btn.open a {
	background: url(../images/common/icon_minus.png) no-repeat 95% center !important;
	background-size: 15px !important;
}
#g_menu > .inner > ul > li:hover ul {
	display: none;
}
#g_menu > .inner > ul > li > ul > li {
	background: #eeeeee !important;
	font-size: 80% !important;
	padding-left: 1em !important;
	box-sizing: border-box;
	border-top: 1px solid #ffffff !important;
}
#g_menu > .inner > ul > li.ac_btn.open > ul > li a,
#g_menu > .inner > ul > li.ac_btn > ul > li a {
	background: none !important;
}
/*
#g_menu > .inner > ul {
	background: none;
}
#g_menu > .inner > ul > li {
	float: none;
	width: 100%;
	display: block;
}
#g_menu > .inner > ul > li > a {
	position: static !important;
	text-indent: inherit;
	display: block;
	width: 100% !important;
}
#g_menu > .inner > ul > li > a {}
#g_menu > .inner > ul > li > ul > li > a:hover,
#g_menu > .inner > ul > li > a:hover, #g_menu > .inner > ul > li .b.current {
	background: none !important;
}
*/

/* acordion */
.ac + * {
	display: none !important;
}

/* main */
#main p.child {
	margin-left: 0;
}
#main .headline_ss {
	margin-left: 0;
	margin-top: 20px;
}

/* top */
.index h2 {
	width: auto !important;
}
#promotion {
	width: auto;
	padding-top: 10px;
}
#promotion .bnrArea,
#promotion .thumbArea {
	width: auto;
}
#promotion .bnrArea {
	height: auto;
}
#promotion .bnrArea ul,
#promotion .bnrArea li {
	height: auto;
}
#promotion .bnrArea li {
	margin: 0 0 10px;
}
#promotion .bnrArea li a {
	display: block;
}
#promotion .bnrArea img {
	width: 100%;
	max-width: 100%;
	margin: 0;
}
#promotion .bnrArea .infoBox {
	display: none;
	position: static;
	width: 100%;
	margin: 2px auto 10px;
	background: #cccccc;
	box-sizing: border-box;
	padding: 20px 10px;
	border-radius: 20px;
}
#promotion .bnrArea #bnr001 .infoBox {
	background: #2e2319;
}
#promotion .bnrArea #bnr002 .infoBox {
	background: #459000;
}
#promotion .bnrArea #bnr003 .infoBox {
	background: #b10b00;
}

#promotion .bnrArea .infoBox * {
	font-size: 12px !important;
}
#promotion .thumbArea {
	display: none;
	height: auto;
}
#promotion .thumbArea li {
	float: left;
	margin: 0 0 10px;
	width: 33.33333%;
	height: auto;
}
#promotion .thumbArea li.bt1.current a, #promotion .thumbArea li.bt1 a:hover,
#promotion .thumbArea li.bt2.current a, #promotion .thumbArea li.bt2 a:hover,
#promotion .thumbArea li.bt3.current a, #promotion .thumbArea li.bt3 a:hover,
#promotion .thumbArea li.bt1 a,
#promotion .thumbArea li.bt2 a,
#promotion .thumbArea li.bt3 a {
	background-size: 100%;
	background-position: center top;
	width: 100%;
	height: auto;
	pointer-events:none;
}
#news {
	width: auto;
	height: auto;
	margin-top: 20px;
}
.inner.info .qa {
	width: auto;
	margin: 20px 0 0 0;
}
#contents {
	margin: 0;
}
#contents li {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 auto 10px;
}
#contents li.e {
	background: url(../images/common/book_bg_sp.png) no-repeat;
}
#contents li.e,
#contents li.g,
#contents li.f {
	background-position: center 25px;
}
.h {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	height: 150px;
	background: none;
}
.h a:hover,
.h a {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box;
	height: 150px;
}
.h a:hover {
	border: none !important;
}
#contents li a {
	display: block;
	width: 100% !important;
}
#contents li a:hover {
	width: auto;
	border: none !important;
}

.slide_customer {
	position: relative;
	z-index: 1;
	height: 240px;
	clear: both;
	margin: 0 0 20px;
}
#arrow_r,
#arrow_l {
	float: none !important;
	position: absolute;
	z-index: 2;
	bottom: 0;
	height: auto !important;
}
#arrow_r {
	right: 0;
}
#arrow_r img,
#arrow_l img {
	margin: 0;
	padding: 0;
}

#customer_area {
	margin: 20px 0 0 !important;
}
#voice {
	margin: 0;
}
#voice li .r,
#voice li .l {
	margin: 0 !important;
	display: inline-block;
	vertical-align: top;
	float: none;
}
#contents li {
	box-sizing: border-box;
}

#fb .fb-page.fb_iframe_widget { width: 100% !important; }
#fb .fb-page.fb_iframe_widget > span > iframe,
#fb .fb-page.fb_iframe_widget > span,
#fb {
	width: 100% !important;
}

.blog {
	height: auto;
	background-repeat: repeat-y;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.blog ul {
	text-align: center;
}
.blog ul li {
	position:relative;
	margin: 0 0 10px 0;
	float: none;
	display: inline-block;
	width: 273px;
	background: #ffffff;
}
.blog ul li.first {
	margin: 10px 0 10px 0;
}
.blog ul li p {
	padding: 10px 0px 10px 0px;
	border-top: 1px dashed #cccccc;
	margin: 10px 10px 0;
}
.blog ul li a {
	position:static;
	height: 170px;
	color:#333;
	display:block;
	overflow: hidden;
}
.blog ul li h3{
	display:block;
	color:#333;
    position:static;
    top:0;

}
.blog ul li img {
	width: 273px;
}

#top_ft {
	margin-bottom: 30px;
}

/* second */
#main h2 {
	text-align: center;
	font-size: 28px;
}
#main .headline {
	padding-top: 25px;
}
#main h4.headline_s,
#main h3.headline_s {
	font-size: 18px;
  height: 25px;
	box-sizing: border-box;
}
#main h3.headline_s {
	height: auto;
	background-position: left 5px;
}
#side_menu {
	float: none;
	width: auto;
	padding-bottom: 20px;
	border-top: 1px solid #e4e4e4;
}
#side_menu .qa ol {
	margin-top: 0;
}
#side_menu ul.side_menu li a,
#side_menu ul.side_menu li {
	width: 100%;
	box-sizing: border-box;
}
#side_menu h3 {
	margin: 0 auto;
}
#side_menu .catalog {
	width: 207px;
	display: block;
	margin: 20px auto;
}
#side_menu .qa {
	margin: 0 auto 20px;
	width: 93.75%;
	height: auto;
	padding-bottom: 10px;
}
#side_menu ul.side_menu > li.tit {
	background: none;
}
#main {
	margin: 0 3.125%;
}
#main {
	width: auto;
	float: none;
	margin-bottom: 50px;
}
table {}
table th, table td {
	display: table-cell;
	width: 100% !important;
	box-sizing: border-box;
}
table th {
	padding: 5px 10px !important;
	border-radius: 0;
	background-color: #f4f4f4;
}
form select {
	width: 100%;
}
table ul li {
	line-height: 1.5;
	margin-bottom: 1.5em;
}
table ul li label {
	padding: 7.5px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	margin-left: -8px;
}
form table input[type=text],
form table input[type=tel],
form table textarea {
	width: 96% !important;
}
form table input.width09 {
	width: 50% !important;
}
table.commontable04 td input {
	padding: 5px !important;
}

/* seminar */
#tseminar_back {
	width: auto;
	height: auto;
	background-size: 100% auto;
	padding: 0;
	padding-top: 35%;
}
#tseminar_back h2 {
	text-shadow: inherit;
	color: #86b540;
	font-weight: normal;
}
#tseminar_back h3 {
	color: inherit;
	font-weight: normal;
	text-shadow: inherit;
}
#tseminar_back2 {
	width: auto;
	height: auto;
	background-size: 100% auto;
	padding: 0;
	padding-top: 35%;
}
#tseminar_back2 h2 {
	text-shadow: inherit;
	color: #86b540;
	font-weight: normal;
}
#tseminar_back2 h3 {
	color: inherit;
	font-weight: normal;
	text-shadow: inherit;
}
#detail_seminar {}
#detail_seminar .table,
#detail_seminar .table > * {
  text-align: left;
  display: block;
}
#detail_seminar .table h2 {
  font-size: 150%;
}
#detail_seminar .table h2 br {
  display: none;
}
#detail_seminar .table .image {
  text-align: center;
  width: 60%;
  margin: 1em auto;
}
#osusume .osusume {
	margin-left: 0;
}
#osusume .t_cen {}
#osusume img.t_left {
	float: none !important;
	margin: 0 0 5px 0;
}
#osusume img.t_left + span.t_b {
	display: block;
}
#osusume .osusume .t_marb10 img {
	width: auto;
}
#osusume .osusume_left {
	width: auto;
	float: none;
}
#osusume .osusume_left br {
	display: none;
}
#osusume .osusume_left img {
	margin-bottom: 5px;
	margin-top: 20px;
}
#osusume .osusume_left img:first-child {}
#osusume .osusume_left.t_marl10 {
	margin-left: 0;
}
#osusume .box_white {
	padding: 20px;
	background: #ffffff;
	margin-top: 15px;
}
#osusume .point {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#osusume .point .image {
	width: 25%;
}
#osusume .point .image img {
	width: 100%;
}
#osusume .point .text {
	width: 70%;
}
#osusume .point .text .text_point {
	font-size: 100%;
}
#osusume .point .text p {
	font-size: 110%;
}
#osusume .point .text p br {
	display: none;
}
.osusumewaku {
	margin: 0 auto;
}
.osusumewaku .t_marl60 {
	margin-left: 0;
}
#main .seminar_yamamoto {
	padding: 15px;
}
#main .seminar_yamamoto .right,
#main .seminar_yamamoto .left {
	float: none;
	width: auto;
}
#main .seminar_yamamoto img {
	margin-bottom: 10px;
}
#main table.definition_table {
	width: auto;
}
#main table.definition_table th {
	border-right: none;
}
#detail_course .right,
#detail_course .left {
	width: auto !important;
	float: none !important;
}
#detail_course img {
	margin-bottom: 10px;
}
#detail_course .message {
	margin-bottom: 0;
}
#detail_course .message::after {
	position: static;
	border: none;
}
#main #detail_course table.definition_table {
	width: auto;
	border-top: none;
}
#main #detail_course .headline_s {
	box-sizing: border-box;
}
#main #detail_course .child {
	margin-left: 0 !important;
}
#detail_seminar ul li:first-child,
#detail_course ul li:first-child,
#main #detail_course .child:first-child {
	margin-top: 20px !important;
}
#osusume img {
	max-width: 100%;
  width: auto;
  margin-bottom: 0;
}
#main ul.seminar_list li {
	width: auto;
	float: none;
}
#main ul.old_seminar li .headline_s,
#main ul.old_seminar li .detail,
#main ul.old_seminar li p {
	margin-left: 0;
}
#main .contNav li.bt3 {	padding-left: 5px; }
#main .contNav li.bt2 { padding-right: 5px; padding-left: 5px; }
#main .contNav li.bt1 { padding-right: 5px; }
#main .contNav li a { font-size: 13px; }
#main .contNav li.bt3 a:after,
#main .contNav li.bt2 a:after,
#main .contNav li.bt1 a:after {
	background: none;
}
#main .itemBox .txt,
#main .itemBox .image {
	float: none;
	width: auto;
}
#main .itemBox .txt .txtBottom {
	position: static;
}
#main .itemBox .txt p.link {
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main .itemBox .txt .txtBottom .telBox {
	float: none;
	width: 100%;
	box-sizing: border-box;
}
#main .itemBox .image .price {
	margin-bottom: 10px;
	margin-top: 20px !important;
}


/* results_list */
#main ul.voice_list {
	margin-left: 0;
}
#main ul.voice_list li {
  float: none;
  margin: 0 auto 10px;
  width: 100%;
	height: auto;
  display: inline-block;
	box-sizing: border-box;
}
#main ul.voice_list h3 {
	padding: 5px 10px;
}
#main ul.voice_list h3 br {
	display: none;
}
#main ul.voice_list img {
	float: none;
}
#main ul.voice_list table.top {
	width: 100%;
	float: none;
	margin-top: 10px;
}
#main ul.voice_list p.more_link {
	position: static;
}
#main ul.voice_list table.top th {
	margin-top: 5px;
}
#main ul.voice_list table.top td {
	padding: 5px;
}
#side_menu ul.side_menu > li.tit {
	display: block;
	width: auto;
}
#side_menu.pie {
	border-left: 1px solid #e6e6e6;
}

/* results_list - detail */
#main h2.aa {
	padding: 5px 15px;
	font-size: 24px;
	text-align: left;
}
#voice_exp .face_box,
#voice_exp table {
	width: auto;
	display: block;
	float: none;
}
#voice_exp table td {
	padding: 10px;
}
#voice_exp .face_box img {
	width: auto;
}
#voice_exp table {
	margin-top: 20px;
	margin-left: 0;
}
#voice_exp .article_interview h4 {
	padding: 10px 20px;
}
#voice_exp .article_interview p {
	padding: 0;
}
#main #voice_exp .headline_s {
	width: auto;
	margin-left: 0px;
	margin-bottom: 10px;
	height: auto;
}
#voice_exp table tr:first-child th {
	background: none;
	padding-left: 0 !important;
}
#voice_exp table tr:first-child th .headline {
	padding: 0 0 10px;
}
#voice_exp .article_interview img,
#voice_exp .para_photo img.left {
	margin: 0;
}

/* maillmagazine */
.mailmagazine_form {
	height: auto;
	width: auto;
	border: 1px solid #cccccc;
  text-align: center;
	padding: 130px 20px 20px 20px;
  background: #eaeaea url("../images/sub/mail/mail_bg_sp.jpg") center 10px no-repeat;
}
#main .mailmagazine_form p {
	display: none;
	margin: 0 0 10px;
	padding-top: 0;
}
#main .mailmagazine_form a {
	width: auto;
	margin-left: 0;
	margin-top: 20px;
}

/* personnel_management */
.first_photo2,
.first_photo {
	background: none;
}

/* consulting_services */
#main .contentNav ul {
	display: block;
	width: 100%;
}
#main .contentNav li.prev,
#main .contentNav li.next,
#main .contentNav li.material,
#main .contentNav li {
	display: table;
	padding: 0;
	margin: 10px auto;
	width: 100%;
}
#main .contentNav li.prev a,
#main .contentNav li.next a,
#main .contentNav li.material a,
#main .contentNav li a {
	margin: 0 auto;
	height: 59px;
	display: table-cell;
	width: auto;
	box-sizing: border-box;
}

#main .contentNav li.next a {
	margin-top: 10px;
}
#main .contentNav li.prev a {
	margin-bottom: 10px;
}
#main .contentNav div.freecall p,
#main .contentNav div.freecall {
	display: block;
}
#main .contentNav div.freecall {
	padding: 4px;
	box-sizing: border-box;
}
#main .contentNav div.freecall p {
	text-align: center;
	padding: 4px;
}
#main .contentNav div.freecall p.col2 a,
#main .contentNav div.freecall p.col2 {
	font-size: 26px;
	color: #fd8b04;
}
#main .contentBox1 dl {
	background-position: center 93%;
  padding-bottom: 70px;
}
#main .contentBox1 dt {
  display: block;
  padding-bottom: 0;
}
#main .contentBox1 dt span {
	width: auto;
}
#main .contentBox1 dd {
	padding-left: 0;
}

/* faq */
#main #faq .headline_ss {
	border-radius: 0 3px 3px 0;
}
#faq .faq_contents div {
	width: auto;
}
#faq .faq_contents .right,
#faq .faq_contents .left {
	float: none;
}

/* company */
#company a {
	display: inline-block;
	margin-top: 5px;
}
#main.staff table {
	width: 100%;
	float: none;
}
#main.staff table td.top {
	font-size: 20px;
}
#main #media ul li .left,
#main #media ul li .right {
	float: none;
}
#main #media ul li a {
	display: block;
	width: auto;
	text-align: center;
}
#media ul li .detail {
	width: auto;
}
#media ul li .detail p:first-child {
	padding-top: 10px;
}
#main.staff .message {
	font-size: 18px;
	text-align: left;
	padding: 10px 10px 10px 15px;
	margin-bottom: 10px;
}
#main.staff .message:after {}

/* recruit */
#main .contentNav2 {
	background: none;
}
#main .contentNav2 li {
	background-color: #fafafa;
  margin-top: 10px;
  padding: 15px 5px;
	display: block;
}

/* sitemap */
#sitemap .sitemap_list .left, #sitemap .sitemap_list .right {
	width: auto;
	float: none;
}

/* footer */
#footer .inq {
	width: auto;
	background: none;
	float: none;
	height: auto;
	margin: 0;
	display: none;
}
#footer .btn_seminar,
#footer .btn_request,
#footer .btn_tel {
	cursor: pointer;
	float: left;
	width: 48%;
}
#footer .btn_seminar,
#footer .btn_request {
	float: right;
}
/* 通常ページ */
#footer .btn_seminar {
	display: none !important;
}
/* セミナーページ */
.inner.page_seminar + #footer .btn_seminar {
	display: inline-block !important;
}
.inner.page_seminar + #footer .btn_request {
	display: none !important;
}
#footer .address {
	float: none;
	width: 100%;
	border: none;
}
#footer .menu {
	padding-top: 0px;
	margin-bottom: 20px;
}
#footer .menu ul {
	float: none;
}
#footer .menu ul:first-child {
	border-top: 1px solid #eeeeee;
}
#footer .menu ul li {
	display: block;
	width: 100%;
  padding: 0;
	box-sizing: border-box;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}
#footer .menu ul li a {
	display: block;
	padding: 7px;
	box-sizing: border-box;
}
#footer .inq_area {
	background: none;
	height: auto;
}
#footer .inq_area .a {
	width: 100% !important;
	background: rgba(0, 0, 0, 0.3);
	padding: 5px 10px;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9;
	height: auto;
	text-align: center;
}
#footer .inq_area .b {
	width: 100% !important;
	background: #cccccc;
	padding: 5px 5px 20% 5px;
	box-sizing: border-box;
}
body.no_btn #footer .inq_area .a {
	display: none;
}
body.no_btn #footer .inq_area .b {
	padding: 5px;
}

#footer .request {
	display: none;
	font-size: 12px;
	width: 100px;
	padding: 10px 10px 10px 25px;
	background-position: 2px -62px
}
#footer .request:hover {
	background-position: 2px -62px
}

.mlmagaform{ padding:10px; border:solid 3px #ccc; margin-top:30px; }
.mlmagaform .submbtn{
	margin-bottom:35px;
}
.mlmagaform .submbtn input{ padding:15px !important;}

.mlmagaform .cv-btn1{ width: 100%; }
.mlmagaform .cv-btn1 input[type="submit"]{
	background-position: 96%;
    background-size: 7px auto;
	font-size: 1.05em;
	padding: 0.7em 0.3em 0.5em 0.3em;
}

.spfkotei{
	display: block;
	position: fixed;
	left:0;
	bottom:0;
	z-index: 9999;
}
.spfkotei ul{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-around;
	padding:5px;
	background: rgba(0,0,0,0.40);
}
.spfkotei ul li{
	width: 43%;
	line-height: 0;
}
.spfkotei ul li:first-of-type{ width: 10%;}
.spfkotei ul li img{ max-width: 100%; height: auto;}

.mlmagaform table th{
	display:block;
	width:100%;
	background:#ddd;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	border-bottom:solid 2px #fff;
}
.mlmagaform table th span{ color:#ff5a00; }
.mlmagaform table td{ display:block; padding:10px 15px; border-bottom:solid 2px #fff; }
.mlmagaform table td input{ width:100%; height:30px; }
.mlmagaform .btn{
	text-align:center;
	width:90%;
}
.mlmagaform .btn input{
	width:100%;
	padding:10px;
	font-weight:bold;
	background:#019ef1;
	border:none;
	color:#fff;
	border-bottom:solid 4px #008bd5;
	border-radius:10px;
	font-size:1em;
	cursor:pointer;
}