@charset "utf-8";
@media screen and (max-width:640px){
/* CSS Document */

/* tokushimaHome　トップページ
=========================================== */
/* mainimg */
#tokushimaHome #mainimg {
	text-align: center;
}
#tokushimaHome #mainimg h2 {
	height: auto;
	padding: 0;
}
/* tokushimaHome01 */
.tokushimaHome01 h3 {
	margin: 0 0 10px;
	text-align: center;
}
.tokushimaHome01 .wrap {
	margin: 0 0 10px;
	border: 6px solid #a8bdf6;
	background: #fff;
	padding: 10px 10px 0;
}
.tokushimaHome01 div {
	overflow: hidden;
	margin: 0 0 10px;
}
.tokushimaHome01 div img{
	float: left;
	width: 33%;
	max-width: 230px;
}
.tokushimaHome01 dl {
	float: right;
	width: 65%;
}
.tokushimaHome01 dl dt {
	min-height: 35px;
	margin: 0 0 5px;
	padding:10px 0 5px 51px;
	font-weight: bold;
	font-size: 118%;
	background: url(../img/ico_no01.png) no-repeat;
}
.tokushimaHome01 .no02 dt{
	background-image: url(../img/ico_no02.png);
}
.tokushimaHome01 .no03 dt {
	background-image: url(../img/ico_no03.png);
}
.tokushimaHome01 dl dd {
	padding: 0 0 0 7px;
}
/* tokushimaHome02 */
.tokushimaHome02 {
	margin-bottom: 10px;
}
/* tokushimaHome03 */
.tokushimaHome03 {
	margin: 0 0 10px;
}
.tokushimaHome03 dt {
	margin: 9px 0 0;
	padding: 20px 20px 20px 80px;
	border-bottom: 4px solid #a2b8f4;
	background: url(../../img/ico_q.png) no-repeat 26px center #b8c9f6;
	font-weight: bold;
	font-size: 108%;
}
.tokushimaHome03 dd {
	padding: 20px 20px 20px 80px;
	background: url(../../img/ico_a.png) no-repeat 26px center #d4defa;
}
/* tokushimaHome04 */
.tokushimaHome04 {
	position: relative;
	margin: 0 0 10px;
	padding: 10px;
	border: 10px solid #ffca00;
}
.tokushimaHome04 h3 {
	position: absolute;
	top: 9px;
	left: -13px;
	width: 201px;
	height: 37px;
	padding: 13px 0 0;
	background: url(../img/bg_recom.png) no-repeat 0 0;
	color: #fff;
	font-size: 123%;
	text-align: center;
}
.tokushimaHome04 .img {
	max-width: 230px;
	margin: 58px auto 10px;
}
.tokushimaHome04 dt {
	color: #143c9e;
	font-size: 170%;
	font-weight: bold;
}
/* tokushimaHome05 */
.tokushimaHome05 {
	margin: 0 0 10px;
}
.tokushimaHome05 h3 {
	margin: 0 0 10px;
}
.tokushimaHome05 .img {
	float: left;
	width: 33%;
	max-width: 136px;
}
.tokushimaHome05 dl {
	float: right;
	width: 60%;
	padding: 10px;
	border: 1px solid #11389b;
	border-radius: 3px;
	behavior: url(/common/js/PIE.htc);
}
.tokushimaHome05 dt:first-child {
	color: #143c9e;
	font-weight: bold;
	font-size: 138%;
}
.tokushimaHome05 dt+dt {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #333;
	font-weight: bold;
	font-size: 118%;
}
.tokushimaHome05 dt+dt span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	padding: 0 5px;
	background: #d4defa;
	font-size: 75%;
	font-weight: normal;
}
.tokushimaHome05 p+p {
	padding: 15px 0 0;
}
/* tokushimaFlow　作業の流れ
=========================================== */
/* tokushimaFlow01 */
.tokushimaFlow01 {
	margin: 0 0 10px;
}
.tokushimaFlow01 h3 {
	min-height: 37px;
	margin: 0 0 5px;
	padding: 8px 0 0 50px;
	background: url(../img/ico_no01.png) no-repeat 0 center;
	font-size: 138%;
}
.tokushimaFlow01.no02 h3 {
	background-image: url(../img/ico_no02.png);
}
.tokushimaFlow01.no03 h3 {
	background-image: url(../img/ico_no03.png);
}
.tokushimaFlow01.no04 h3 {
	background-image: url(../img/ico_no04.png);
}
.tokushimaFlow01.no05 h3 {
	background-image: url(../img/ico_no05.png);
}
.tokushimaFlow01 .wrap {
	padding: 10px;
	border: 6px solid #a8bdf6;
}
.tokushimaFlow01 .img {
	float: left;
	width: 33%;
	margin: 0 10px 0 0;
}
/* tokushimaContact　お問い合わせ
=========================================== */
/* callcenter */
#tokushimaContact #callcenter {
	width:100%;
	margin: 0 0 10px;
}
#tokushimaContact #callcenter p {
	padding: 0;
}
/* mailForm */
#tokushimaContact #mailForm {
	margin: 0 auto 10px;
}
#tokushimaContact #mailForm h3 {
	margin: 0;
}
#tokushimaContact #errorMsg p {
	padding: 20px 0 0;
}
#tokushimaContact #mailForm　table {
	width:100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
	margin:10px 0;
	background:#fff;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	text-align: center;
}
#tokushimaContact #mailForm tr,th,td {
	height:20px;
	line-height:20px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#tokushimaContact #mailForm th {
	height:20px;
	padding:10px;
	text-align: center;
	background:#d9e3ff;
}
#tokushimaContact #mailForm th span {
	color: #e30027;
}
#tokushimaContact #mailForm td {
	width:60%;
	padding:10px;
}
#tokushimaContact #mailForm td input {
	width:100%;
}
#tokushimaContact #mailForm td textarea {
	width:100%;
	box-sizing:border-box;
	border:none;
	background:#f5f0f0;
	padding: 1em;
	margin:0;
}
#tokushimaContact #mailForm #submitArea {
    padding: 10px 0 0;
    text-align: center;
}
#mhMailForm .input_wrap {
	position: relative;
	display: inline-block;
	margin: 0 0 8px;
}
#mhMailForm .popupMust {
	background: url(/contact/img/balloon_error_1.png) no-repeat 0 0;
	position: absolute;
	top: -23px;
	z-index: 10;
}
#mhMailForm .popupMust p {
	background: url(/contact/img/balloon_error_2.png) no-repeat right 0;
	padding: 1px 9px 0 5px;
	height: 21px;
	margin: 0 0 0 5px;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
}
#mhMailForm label.mhFormRequired {
	background: transparent;
}
#mhMailForm input, #mhMailForm select, #mhMailForm textarea, #mhMailForm .done, #mhMailForm .done .mhFormRequired {
	background: #fffffe;
}
#mhMailForm :focus {
	background: #fefefe;
}
/* tokushimaPrivacy　プライバシーポリシー
=========================================== */
#tokushimaPrivacy #main p.date {
	margin: 30px 0 0;
	padding: 20px 0 0;
	text-align: right;
}
/* tokushimaPrice　料金表
=========================================== */
#tokushimaPrice table {
	width: 100%;
	margin-bottom: 10px;
}
#tokushimaPrice th, #tokushimaPrice td {
	padding: 7px 10px;
	border: 1px solid #ddd;
	text-align: center;
}
#tokushimaPrice thead th {
	background: #4e7dea;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
}
#tokushimaPrice tbody th {
	width: 40%;
	/*padding-left: 85px;*/
	background: #d9e3ff;
	font-weight: normal;
	text-align: center;
}
#tokushimaPrice tbody td {
	color: #da0000;
}
/* tokushimaCompany　会社概要
=========================================== */
#tokushimaCompany table {
	width: 100%;
}
#tokushimaCompany th {
	width: 25%;
	padding: 7px 0;
	border: 1px solid #ddd;
	background: #d9e3ff;
	font-weight: normal;
	text-align: center;
}
#tokushimaCompany td {
	padding: 7px 10px 7px 30px;
	border: 1px solid #ddd;
}
/* sitemap　サイトマップ
=========================================== */
.tokushimaSitemap01 ul {
	padding: 10px 0 0;
}
.tokushimaSitemap01 li {
	margin: 0 0 10px;
	padding: 0 0 0 10px;
}
.tokushimaSitemap01 li a {
	padding: 0 0 0 10px;
	background: url(../img/ico_arrow01.png) no-repeat 0 center;
}
.tokushimaSitemap01 ul.left {
	padding-top: 10px;
}
.tokushimaSitemap01 ul#region {
	overflow: hidden;
	margin: 0 10px 0 0;
	border-bottom: 1px dotted #ccc;
}
.tokushimaSitemap01 ul#region .tit {
	width: 100%;
	padding: 2px 0;
	background: #4e7dea;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.tokushimaSitemap01 ul#region li {
	float: left;
	width: 80px;
}
/* tokushimaArea　対応エリア
=========================================== */
#tokushimaArea #mainimg {
	background: url(../../area/img/bg_main.jpg) no-repeat right;
}
/* tokushimaArea01 */
.tokushimaArea01 {
	margin: 0 0 10px;
}
.tokushimaArea01 h3 {
	margin: 0 0 10px;
	padding: 5px 10px;
	background: url(../img/bg_title01.gif) repeat-x 0 0 #0b2786;
	color: #fff;
	font-size: 138%;
}
.tokushimaArea01 p+p {
	padding: 15px 0 0;
}
/* tokushimaArea02 */
.tokushimaArea02 div {
	margin: 0 0 10px;
	padding: 10px;
	border: 6px solid #a8bdf6;
}
.tokushimaArea02 h3 {
	min-height: 34px;
	padding: 7px 0 3px 45px;
	background: url(../../area/img/bg_title01.png) no-repeat 0 0;
	color: #fff;
	font-size: 108%;
}
.tokushimaArea02 h3 span {
	vertical-align: middle;
	font-size: 138%;
}
.tokushimaArea02 h4 {
	line-height: 1.4;
	color: #143c9e;
	font-weight: bold;
	font-size: 139%;
}
.tokushimaArea02 p {
	padding: 10px 0 0;
}
/* tokushimaArea03 */
.tokushimaArea03 {
	margin: 0 0 10px;
	padding: 10px;
	border: 3px solid #82d5f7;
}
.tokushimaArea03 h3 {
	min-height: 34px;
	margin: 0 0 10px;
	padding: 7px 0 3px 45px;
	background: url(../../area/img/bg_title02.png) no-repeat 0 0;
	color: #fff;
	font-size: 138%;
}
.tokushimaArea03 .pic {
	float: right;
	width: 33%;
	max-width: 194px;
}
/* tokushimaArea04 */
.tokushimaArea04 div {
	margin: 0 0 10px;
	padding: 10px;
	border: 6px solid #a8bdf6;
}
}