@charset "UTF-8";
/*
Theme Name: chiba.tr-office
Author: 3rd-web
Description: This is my original theme.
Version: 1.0
*/

/* -------基本構造body部分のCSS、960pxと428pxがブレイクポイント------- */

/* -------要素の外側は余白なし------- */
/* -------改行の高さ------- */
/* -------文字色は濃いグレー------- */
/* -------要素の枠線は幅を増やしても内側に------- */
/* -------改行の文字の折り返し------- */
body {
	margin: 0;
	font-family: Noto Sans JP, "メイリオ", "Meiryo", sans-serif, serif;
	line-height: 1.8;
	color: #072608;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-wrap: break-word;
}

/* --スマホでのみ表示-- */
.sp {
	display: block;
}
@media (min-width: 769px) {
	.sp {
		display: none;
	}
}
/* --PCでのみ表示-- */
.pc {
	display: block;
}
@media (max-width: 768px) {
	.pc {
		display: none;
	}
}

/* --画像はブロック要素で１つの段落-- */
img {
	display: block;
}

/* --firefoxの画像クリックしたときの枠線を消す、リンクの下線を表示しない-- */
a {
	outline: none;
	text-decoration: none;
	color: #444;
}
a:focus {
	outline: none;
}

/* --文章のSPAN内は余白調整できるようにインラインブロック要素-- */
span {
	display: inline-block;
}

/* --太文字-- */
b, strong {
	font-weight: bold;
}

/* -------インナーの左右の余白------- */
.inner {
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;
}

/* -------フロートの解除------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* -------メインコンテンツのブロックの上下間隔------- */
#content {
	padding-bottom: 20px;
	width: 100%;
}

/* -------サイドバーのブロックの上下間隔------- */
#side {
	padding-bottom: 20px;
	width: 100%;
}

/*--コンテンツとサイドバーを横に並べる設定--*/
#container {
	display: flex;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}

/*--スマホの時はコンテンツとサイドバーを縦並びにする設定--*/
@media (max-width: 960px) {
	#container {
		flex-direction: column;
	}
}

/*--パソコンの時はコンテンツとサイドバーを7対3で横に並べる設定--*/
@media (min-width: 961px) {
	#content {
		width: 70%;
	}
	#side {
		width: 30%;
	}

	/* --コンテンツの右側に余白を設けてサイドバーとの間に隙間を空ける-- */
	#content {
		padding-right: 30px;
	}
}

/*--コンテンツとサイドバーを横に並べる設定--*/
@media (min-width: 1200px) {
	.inner {
		width: 1200px;
		margin: 0 auto;
	}
}

/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合*/
/*-------------------------------------------*/
@media (max-width: 480px) {

/*			トップページ用*/
/*-------------------------------------------*/
.col-sm-1 {
    width: 100%;
	float:none;
	padding:0px;
}

.col-sm-2 {
    width: 100%;
	float:none;
	padding:0;
}

.col-sm-3 {
    width: 100%;
	float:none;
	margin-right:0px;
}

.col-sm-4 {
    width: 100%;
	float:none;
	margin-right:0px;
}

.col-sm-5 {
    width: 100%;
	float:none;
	margin-right:0px;
}

.col-sm-6 {
    width: 100%;
	float: none;
	margin-right:00px;
}

.col-sm-7 {
    width: 100%;
	float: none;
}

.col-sm-8 {
    width: 100%;
	float: none;
}

.col-sm-9 {
    width: 100%;
	float: none;
	margin:0px;
}

.col-sm-10 {
    width: 100%;
	float: none;
}

.col-sm-11 {
    width: 100%;
	float:none;
}

.col-sm-12 {
    width: 100%;
	float:none;
}

img.w35 {
	width:35%;
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}

img.w50 {
	width:50%;
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}

.img-circle {
    border-radius: 50%;
}
}

@media (min-width: 970px) {
/*			トップページ用
/*-------------------------------------------*/
.col-sm-1 {
    width: 30%;
	float:left;
	padding:10px
}

.col-sm-2 {
    width: 31%;
	float:left;
	padding:10px
}

.col-sm-3 {
    width: 20%;
	float:left;
	margin-right:20px;
}

.col-sm-4 {
    width: 30%;
	float:left;
	margin-right:30px;
}

.col-sm-5 {
    width: 30%;
	float:left;
	margin-right:25px;
}

.col-sm-6 {
    width: 10%;
	float:left;
	margin-right:20px;
}

.col-sm-7 {
    width: 77%;
	float: right;
}

.col-sm-8 {
    width: 66.5%;
	float: right;
}

.col-sm-9 {
    width: 45%;
	float: left;
	margin:0 20px;
}

.col-sm-10 {
    width: 75%;
	float: left;
}

.col-sm-11 {
    width: 20%;
	float:right;
}

.col-sm-12 {
    width: 85%;
	float:right;
}
}