@media screen and (max-width:640px){
/*
Theme Name: sample
Theme URI: http://dev.m-s-club.net/wp28/
Author: egawa
Author URI: http://dev.m-s-club.net/wp28/
Description: sample
Version: 1.0
*/

html,body{margin:0px;padding:0px;}	
	body {
	color: #0000cd;  /*全体の文字色*/
	margin-top: 0px;
	padding: 0px;
	overflow-x:hidden;
	text-align: center;
	font: 14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ/行間、フォントファミリー*/
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin-top: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
a:hover img {
 opacity: 0.5;
}
img { vertical-align: bottom; }

/*文字
---------------------------------------------------------------------------*/
p {
font-size: 14px	
}



/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color:  #00008B;
	text-decoration: none; 
}
a:hover {
	color: #00bfff;
	text-decoration: none;
}

/*トップページヘッダー
---------------------------------------------------------------------------*/
.box1 {
 	width: 100%;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
 	}
 .box1 img{
 	width: 100%;
}	


/*コンテナー（HPを囲むブロック。フッターは除く。）
---------------------------------------------------------------------------*/
#container {
	width: 100%;
	margin:0 auto;
	margin-top: 0px;
overflow: hidden;
	text-align:left; 
}
#container img{
 	width: 100%;
 }


/*メイン
---------------------------------------------------------------------------*/
.section1{
	margin-top: 10px;
	margin-bottom: 30px;
	}

.section2{
	margin-top: 30px;
	margin-bottom: 0px;
	background-color: #e6e6fa;
	}	

.section2-in1{
padding:0%;
vertical-align: top;
font-size:120%;
}
.section2-in1 p{
text-align: left;
margin-top: -55px;
margin-bottom: 0px;
padding:5% 5% 8% 5%;
 	 font-size:12px;
 	 color:#004d99;
}
.section2-in2{
	width: 50%;
	margin-bottom: 0px;
	padding:5% 0% 0% 5%;
	 display: inline-block;
vertical-align: top;
}
.section2-in3{
	width: 43%;
	margin-bottom: 0px;
	padding-top:5%;
	 display: inline-block;
vertical-align: top;
text-align:right;
}


.section3{
	margin-top: 0px;
	}
.section3 p{
text-align: left;
padding:5% 5% 8% 5%;
 	 font-size:14px;
 	 color:#004d99;
}
	
.section4{
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top:4% ;
	background-color: #fff0f5;
	}		
.section4-in{
width: 80%;
padding:1% ;
margin:0 auto;
	}	
.section4 p{
text-align: left;
padding:5% 5% 8% 5%;
 	 font-size:14px;
 	 color:#004d99;
}
	
.section5{
	margin-top: 30px;
	margin-bottom: 0px;
	}	
.section5-in1{
width: 80%;
padding:1% ;
margin:0 auto;
	}	
.section5-in2{
	width: 45%;
	margin-bottom: 0px;
	padding:5% 0% 0% 5%;
	 display: inline-block;
vertical-align: top;
}
.section5-in3{
	width: 47%;
	margin-bottom: 0px;
	padding-top:2%;
	 display: inline-block;
vertical-align: top;
}
.section5-in3 p{
	padding:2%;
text-align:left;
font-size:12px;
 	 color:#004d99;
}


.section6{
	margin-top: 30px;
	margin-bottom: 30px;
	}
.section6 p{
margin-top: 15px;
margin-bottom: 15px;
padding-left:2% ;
text-align:left;
font-size:14px;
 	 color:#004d99;
	}
.section6-in1{
width: 100%;
padding:1% ;
margin:0 auto;
	}	
.section6-in2{
	width: 96%;
	margin-bottom: 0px;
	padding:2%;
	 display: inline-block;
vertical-align: top;
}
.section6-in3{
	width: 100%;
	margin-bottom: 0px;
	padding-top:2%;
	 display: inline-block;
vertical-align: top;
}
.section6-in3 p{
	padding:0% 2%;
text-align:left;
font-size:14px;
 	 color:#004d99;
}	

.section7{
		width: 96%;
		margin:0 auto;
	margin-bottom: 30px;
	}

.section7 img {
		width: 100%;
		margin:0 auto;
	margin-bottom: 20px;

	}
.section7 p{
padding:0% ;
text-align:left;
font-size:19px;
line-height: 24px;
color:#004d99;
}	


.conform p{
width: 96%;
padding:2% ;
font-size:18px;
 	 color:#004d99;	
	}
/*form
---------------------------------------------------------------------------*/
.wpcf7-submit {
display: block;
margin:0 auto;
font-size: 1.2em;
padding: 10px 30px;
background-color: #004d99;
color: #fff;
border-style: none;
border: 1px solid #808080;
 text-align: center;
}

.wpcf7-submit:hover:enabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

input[type=checkbox] {
    width: 30px;
    height: 30px;
	margin-right: -15px;
    vertical-align: middle;
}
.wpcf7 input[type="email"], input[type="text"], textarea {
width: 95%; /* 最大の幅 */
font-size: 100%; /* フォントの大きさ */
padding: 0.5em; /* 文字と入力枠の間の余白（0.5文字を指定）*/
border: 1px solid #ccc; /* 枠の指定 */
border-radius: 2px; /* コーナーを微妙に丸く */
}
.wpcf7-form .wpcf7-select, select {
	width: 150px;
	height: 50px;
	padding: 0.5em;
font-size: 18px;
color: #004d99;
border:1px solid #ccc;
}



/*フッターメニュー
---------------------------------------------------------------------------*/
/* footer */
#footer {
	width: 100%;
    margin-top: 50px;
    padding: 10px;
    background: #004d99;
    color: #fff;
    clear: both;
    text-align: center;
}
#footer p {
	width: 100%;
margin-top: 20px;
	margin-bottom: 0px;
	 font-size:12px;
	 text-align: center;
	}

/*会社概要
---------------------------------------------------------------------------*/
table.commpanyprofile {
	width: 92%;
	margin:0 auto;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	font-size:16px;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.commpanyprofile th {
	width: 28%;
	padding: 10px 5px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #cce1ff;
}
table.commpanyprofile td {
	width: 72%;
	padding: 10px 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

	
/* 投稿ページ 
---------------------------------------------------------------------------*/
.state{
margin-bottom: 0px;	
	}
.boxp {
	width: 96%;	/*メインコンテンツ幅*/
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 150px;	/*左から、上下、左右への余白*/
}
.boxp-in {
 	width: 100%;
	margin-bottom: 100px;
 	float:left;
 	text-align: left;
 	margin-right:3% ;
 	}
.boxp-in img{
 max-width: 100%;
 height: 350px;
object-fit: cover;
	}


.blogb {
	width: 100%;
	position: relative;
	float:left;
	margin: 0px 0px 20px;
}
.blogb p{
	position: absolute;
	left: 0;
	bottom: 0em;
	font-size:14px;
	color: #fff;
	margin: 0;
	padding: 10px 0 10px 3%;
	width: 97%;
	background: #1e90ff;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.blogb a {
	text-decoration: none;
}
.blogb a:hover p{
	color: #000;
	text-decoration: underline;
}

h4 {
	margin-top:0px;
	position: relative;
	padding: 5px;
font-size: 18px;
line-height:24px;
color: #000080;
font-weight: normal;
}
h4::before,
h4::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}

h4::after {
	bottom: 0;
	border-top: 1px solid #1e90ff;
	border-bottom: 2px solid #1e90ff;
}

.entry_main{
font-size:18px;
color: #000080;
}
	
.box2-in {
 	width: 98%;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
 	text-align: left;
 	}
.box2-in2 {
 	width: 96%;
 	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top:0% ;
	margin-bottom: 100px;
 	}
.box2-in2 img{
width: 45%;
margin:0px 0px 15px;
	}
	
.midashi img{
margin-left: -15px;
	}
.midashi21  {
	width: 100%;
	    margin: 0 auto;
    overflow: hidden;
	border-bottom:3px solid #1e90ff;
		padding-top:30px;
		margin-top:20px;
		line-height: 20px;
	font-size: 16px;
	color:#000080;
}

.thumbnail_lists img{
margin-top: 0px;
	}

/* サイド新着記事 */	
.blog02 ul{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
  margin-top:30px;
}
.blog02 li{
width: 100%;
 list-style: none;
margin:0px;
padding:9px;
float:left;
}
.blog02 li img{
width: 80px;
 height: 80px;
padding-right:15px;
object-fit: cover;
float:left;
}

.time {
font-size:10px;	
line-height:2px;
	}
.title {
font-size:12px;	
line-height:14px;
	}
.blog02 li {
    position: relative;
    list-style-type: none;
	padding-top: 0px;
	padding-left: 0px;
}

/* SNS
---------------------------------------------------------------------------*/
#share ul{
	height:auto;
}
#share li{
	font-size:12px;
	float:left;
	text-align:center;
	width:19%;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:27px;
	padding:6px 0px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}

/* 個別投稿・検索 */	
.blog3 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
 margin-top:20px;
}
.blog3-in{
 width: 40%;
margin:0px;
object-fit: cover;
display: inline-block;
}
.blog3-in2{
width: 55%;
margin:1%;
display: inline-block;
	}
.blog3 img{
 max-width: 100%;
 height: 160px;
object-fit: cover;
	}
.blog3time {
font-size:14px;	
line-height:5px;
	}
.blog3cate {
width: 30%;
 margin-bottom:5px;
	padding: 0px 0px 0px 10px;
	border: 1px solid #dc143c;
 box-shadow: 2px 2px 2px #ccc;
font-size:15px;		
	}
.blog3title {
font-size:15px;
line-height:19px;
	}
	
.search-in{
width: 40%;
margin:0px;
object-fit: cover;
display: inline-block;
}
.search-in img{
 max-width: 100%;
 height: 120px;
object-fit: cover;
	}

.catetitle5{
	font-size: 21px;/*文字サイズ*/
	font-weight: normal;/*文字を太字に*/
	color: #fff;/*文字色*/
    background-color: #004d99;/*背景色*/
	padding: 5px 15px;/*縦と横の幅*/	
	}
	

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
    .pc { display: none !important; }
    .sp { display: block !important; }

}