﻿
@charset UTF-8;
/* ================================================ */
/*               全体設定                */
/* ================================================ */

body {
	font-size: 16px;
	line-height: 1.6;
	background-color: #f7f8f3;
	color: #333; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, Verdana, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* ================================================ */
/*全体ヘッダー*/
/* ================================================ */
/*タブレット*/
	@media(max-width: 960px){
		.message {
			font-size: 16px;
			margin-top: 15px;
			margin-bottom: 20px;
			font-weight: bold;
		}
	}
	@media(max-width: 912px){
		.business-domein-nav-item-1 {
			margin-right: -20px;
		}
		.business-domein-nav-item-3 {
			margin-right: -20px;
		}
	}
	@media(max-width: 820px){
		.message {
			font-size: 15px;
			margin-top: 15px;
			margin-bottom: 20px;
			font-weight: bold;
		}
		.business-domein-nav img {
			margin-left: 60px;
			width: 80%;
		}
	}
	@media(max-width: 768px){
		.message {
			font-size: 15px;
			margin-top: 15px;
			margin-bottom: 20px;
			font-weight: bold;
		}
		.profile img {
			width: 80%;
		}
		.business-domein-nav img {
			margin-left: 40px;
		}
		.message-box{
			margin: 30px 10px 20px 10px;
		}
	}
	/*スマートフォン*/
	@media(max-width: 560px){
		.contents h1 {
			font-weight: bold;
			font-size: 20px;
			margin-top: 25px;
			text-align: center;
		}
		.profile img {
			width: 100%;
		}
		.message-box{
			margin: 10px 20px 10px 20px;
		}
		.message {
			font-size: 12px;
			margin-top: 15px;
			margin-bottom: 20px;
			margin-right: 10px;
			font-weight:bold;
		}
		.business-domein-nav-list1 {
			display: block;
			margin-bottom: 20px;
		}
		.business-domein-nav-list2 {
			display: block;
			margin-bottom: 20px;
		}
		.business-domein-nav img {
			margin-left: 70px;
			width: 70%;
		}
		.business-domein-nav-item-1 {
			margin-right: 0px;
			margin-bottom: 20px;
		}
		.business-domein-nav-item-3 {
			margin-right: 0px;
			margin-bottom: 20px;
		}
		.profbox {
			margin-bottom: 20px;
		}
		.end {
			width: 80%;
		}

	@media(max-width: 414px){
		.contents h1 {
			font-weight: bold;
			font-size: 16px;
			margin-top: 25px;
			text-align: center;
		}
		.profile img {
			width: 100%;
		}
		.message-box{
			margin: 10px 5px 10px 10px;
		}
		.message-box{
			margin: 20px 10px 20px 10px;
		}
		.message {
			font-size: 7px;
			margin-top: 15px;
			margin-bottom: 20px;
			font-weight:bold;
		}
		.business-domein-nav img {
			margin-left: 60px;
			width: 60%;
		}
		table.proftable {
			line-height: 20px;
		}
		.proftable p{
			font-size: 12px;
		}
		.business-domein-nav-list1 {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.business-domein-nav-list2 {
			margin-bottom: 20px;
		}
		.business-domein-nav-item-1 {
			margin-right: 0px;
			margin-bottom: 10px;
		}
		.business-domein-nav-item-3 {
			margin-right: 0px;
			margin-bottom: 10px;
		}
		.end {
			margin-left: 50px;
		}

		@media(max-width: 390px){
		.contents h1 {
			font-size: 15px;
			margin-top: 20px;
		}
		.end img {
			width: 70%;
		}

		@media(max-width: 375px){
		.contents h1 {
			font-size: 14px;
		}
		.profile img {
			width: 100%;
		}
		.message-box{
			margin: 10px 5px 10px 10px;
		}
		.message {
			font-size: 5px;
			margin-top: 15px;
			margin-bottom: 20px;
			font-weight:bold;
		}
		.proftable p{
			font-size: 8px;
		}
		@media(max-width: 280px){
		.contents h1 {
			font-size: 10px;
			margin-top: 10px;
		}
		.message-box{
			margin: 20px 5px 20px 5px;
		}
		.message {
			font-size: 5px;
			margin-top: 5px;
			margin-bottom: 10px;
			font-weight:bold;
		}
		.business-domein-nav img {
			margin-left: 60px;
			width: 60%;
		}
		.proftable p{
			font-size: 5px;
		}
		
