/*===============================================
●tablet.css 画面の横幅が960pxまで
===============================================*/


@charset "utf-8";



@media screen and (min-width:600px) and ( max-width:960px) {
    /*　画面サイズが600pxから960pxまではここを読み込む　*/
	
	
body{
	font-size:1.0rem;
}
p,table,dl,ol,h2,h3  {
	font-size: 1.8rem;
	line-height: 3rem;
}

.kiyaku{
	font-size: 1.2rem;
	line-height: 1.0rem;
}


header{
	background-image: url(images/sonoharabanner7.jpg);
	background-size: cover;
	background-position: center center;
}

.headerbar{
	height: 30px;
	background-color: #1A0C75 ;
}

.header_inner_left{
	width: 650px;
}


.topimg{
	text-align: center;
}


.btn{
	margin: 30px auto 10px auto;
}
.buruburu-hover:hover {
    display: inline-block;
    animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.wrap{
		width: 800px;
		margin: 0 auto;
	}
	
.wrap_hd{
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	
}
	
h3{
	margin: 80px 0 60px 0;
}

h3 span{
	display: block;
	font-size: 3.6rem;
	font-weight: bold;
	color: #000;
	line-height: 4rem;
	width: 800px;
	margin: 0 auto;
	color: #fff;
}

h4 span{
	display: block;
	font-size: 2.6rem;
	font-weight: bold;
	color: #000;
	line-height: 4rem;
	width: 800px;
	margin: 40px auto 20px auto;
	color: #333333;
}


.sec01 h3 span{
	color: #FFFFFF;
}


.sec01 h3{
padding: 60px 0 60px;
	text-align: center;
	background-image: url(images/blue00023.png);
	    background-size: cover;
    background-position: top center;
	margin-top: 0;
	width: 100%;
}

.sec02 h3{
padding: 65px 0 65px;
	text-align: center;
	background-image: url(images/blue00290.png);
	    background-size: cover;
    background-position: top center;
}


.sec03 h3{
padding: 80px 0 80px;
	text-align: center;
	background-image: url(images/blue00022.png);
	    background-size: cover;
    background-position: top center;
}


.sec04 h3{
padding: 65px 0 65px;
	text-align: center;
	background-image: url(images/blue00180.png);
	    background-size: cover;
    background-position: top center;
}


.sec05 h3{
padding: 65px 0 65px;
	text-align: center;
	background-image: url(images/blue00450.png);
	    background-size: cover;
    background-position: top center;
}


.sec06 h3{
padding: 80px 0 80px;
	text-align: center;
	background-image: url(images/blue00550.png);
	    background-size: cover;
    background-position: top center;
}

.sec07 h3{
padding: 80px 0 80px;
	text-align: center;
	background-image: url(images/blue00290.png);
	    background-size: cover;
    background-position: top center;
}


.sec08 h3{
padding: 65px 0 65px;
	text-align: center;
	background-image: url(images/blue00180.png);
	    background-size: cover;
    background-position: top center;
}


.sec09 h3{
padding: 65px 0 65px;
	text-align: center;
	background-image: url(images/blue00830.png);
	    background-size: cover;
    background-position: top center;
}


.sec10 {
	margin-top: 80px;
	margin-bottom: 40px;
padding: 70px 0 70px;
	text-align: center;
	background-image: url(images/blue0002.png);
	    background-size: cover;
    background-position: top center;
}



.sec11 h3{
padding: 65px 0 65px;
	text-align: center;
	background-image: url(images/blue00790.png);
	    background-size: cover;
    background-position: top center;
}



.border {
	border: ridge #000000;
margin: 30px 30px;
padding: 20px 20px;
	border-radius: 10px;
	background-color: #fff;

}


.bold{
	font-weight: bold;
}

.big{
	font-size: 120%;
}

.big2{
	font-size: 140%;
}

.big3{
	font-size: 3.6rem;
	line-height: 4rem;
	color: #FFFFFF;
	font-weight: bold;
	padding: 40px auto 0 auto;
}

.red{
	color:#FF0000;
	
}

.blue{
	color: #0000DE;
}

.center{
	text-align: center;
}

.right {
		text-align: right;
	}
	
	
	
.under {
	border-bottom: solid 2px ;
}

.underred {
	border-bottom: solid 2px #ff0000 ;
}

.yellow_line_narrow{
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 90%, #ffff7f 0%) repeat scroll 0 0;
	
}


.migi {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:10px;
}

p img {
	box-shadow:1px 1px 4px 2px #767778;
-moz-box-shadow:1px 1px 4px 2px #767778;
-webkit-box-shadow:1px 1px 4px 2px #767778;
}


.siro {
	box-shadow:0px 0px 0px 0px ;
-moz-box-shadow:0px 0px 0px 0px ;
-webkit-box-shadow:0px 0px 0px 0px ;
}


<!-- FORM CSS for PC -->



body{

	margin:0px;

}

.ms_form_box{

	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;

	max-width:670px;


	height:auto;

	padding:0px;

	margin:30px auto;

}

	.ms_form_box p{
		font-size: 1.2rem;
	}
	
.ms_form_header{

	max-width:670px;

	height:28px;

	line-height:28px;

	font-size:16px;

	font-weight:bold;

	color:#FFFFFF;

	padding:0px;

	margin:0px;

	text-align:center;

	border:solid 1px #c0c0c0;

	background-color: #1A0C75;

	background-repeat: repeat-x;

	background-position: 0px 1px;

}

.ms_form_footer{

	max-width:670px;

	height:28px;

	line-height:28px;

	font-size:12px ;

	padding:0px;

	margin:0px;

	text-align:left;

	color:#666666;

	border:solid 1px #c0c0c0;

	background-image : url('https://dreamcompass-sonoharafufu-com.y-ml.com/img/ms_cp_capbg0.gif');

	background-repeat: repeat-x;

	background-position: 0px 0px;

}

.ms_form_footer .copy{

	float:left;

	margin:0px 0px 0px 16px;

	padding:0px;

}

.ms_form_footer .powered_by{

	float:right;

	margin:0px 16px 0px 0px;

	padding:0px;

	text-align:right;

}

.ms_form_footer a:link,

.ms_form_footer a:visited{

	color:#666666;

	text-decoration:none;

}

.ms_form_body{

	max-width:670px;

	height:auto;

	font-size:12px;

	text-align:center;

	padding:28px 0px 28px 0px;

	margin:0px;

	border-style:none solid none solid;

	border-width:1px;

	border-color:#c0c0c0;

	overflow:hidden;

}

.ms_form_body ul.form_list{

	width:480px;

	list-style:none;

	clear:both;

	margin:0px auto;

	padding:0px;

	text-align:left;

}

.ms_form_body ul.form_list li.item{

	clear:both;

	width:180px;

	vertical-align:top;

	padding:10px 0px 0px 22px;

	background-image : url('https://dreamcompass-sonoharafufu-com.y-ml.com/img/ms_cp_icon_circle_right.gif');

	background-repeat: no-repeat;

	background-position: 0px 10px;

	border:none;

	float:left;

}

.ms_form_body ul.form_list li.item-nofloat{

	clear:both;

	width:100%;

	vertical-align:top;

	padding:10px 0px 0px 22px;

	background-image : url('https://dreamcompass-sonoharafufu-com.y-ml.com/img/ms_cp_icon_circle_right.gif');

	background-repeat: no-repeat;

	background-position: 0px 10px;

	border:none;

}

.ms_form_body ul.form_list li.cont{

	width:248px;

	padding:8px 0px 0px 30px;

	border:none;

	float:left;

}

.ms_form_body ul.form_list li.cont-nofloat{

	clear:both;

	width:100%;

	padding:4px 0px 4px 2px;

	border:none;

}

.ms_form_body ul.form_list li.cont .text{

	width:100%;

	height:16px;

	font-size:12px;

	padding:3px;

	background-color:#f9f9f9;

	border:solid 1px #c0c0c0;

}

.ms_form_body ul.form_list li.cont .text80{

	width:80px;

	height:16px;

	font-size:12px;

	padding:3px;

	background-color:#f9f9f9;

	border:solid 1px #c0c0c0;

}

.ms_form_body ul.form_list li.cont .text40{

	width:40px;

	height:16px;

	font-size:12px;

	padding:3px;

	background-color:#f9f9f9;

	border:solid 1px #c0c0c0;

}

.ms_form_body ul.form_list li.cont .sel{

	width:100%;

	height:24px;

	font-size:12px;

	padding:3px;

	background-color:#f9f9f9;

	border:solid 1px #c0c0c0;

}

.ms_form_body ul.form_list li.cont .sel_auto{

	width:auto;

	height:24px;

	font-size:12px;

	padding:3px;

	background-color:#f9f9f9;

	border:solid 1px #c0c0c0;

}

.ms_form_body .ta{

	width:100%;

	font-size:12px;

	padding:3px;

	background-color:#f9f9f9;

	border:solid 1px #c0c0c0;

}

.ms_form_body ul.form_list li.cont span.cont_desc,

.ms_form_body ul.form_list li.cont-nofloat span.cont_desc{

	font-size:10px;

	color:#4f4f4f;

	margin:0px;

}

.ms_form_body div.submit_btn{

	clear:both;

	text-align:center;

}

.ms_form_btn{

	font-size:12px;

	color:#666666;

	font-weight:bold;

	cursor:pointer;

	border:0px;

	background-image : url('https://dreamcompass-sonoharafufu-com.y-ml.com/img/ms_cp_btn0.gif');

	background-repeat: no-repeat;

	background-position: 0px 0px;

	width:165px;

	height:30px;

}

div.ssl_seal {

	width:100px;

	height:50px;

	margin:0px auto 20px auto;

}

div.sim_entry_list {

	width:auto;

	margin: 16px 85px auto 97px;

	padding: 12px;

	border: solid 1px #ff0000;

	text-align:left;

}

div.sim_entry_list span.attention{

	color: #ff0000;

}

div.sim_entry_list ul{

	width: auto;

	list-style:none;

	margin:0px 20px 0px 0px;

	padding:0px;

	text-align:left;



}

div.sim_entry_list ul li{

	width: auto;

	vertical-align: top;

	padding: 10px 0px 0px 22px;

	background-image : url('https://dreamcompass-sonoharafufu-com.y-ml.com/img/ms_cp_icon_text.gif');

	background-repeat: no-repeat;

	background-position: 0px 10px;

}

.clearfix{

	zoom:1;

}

.clearfix:after{

	content:"";

	display:block;

	clear:both;

	height:0;

	visibility:hidden;

}

.ms_form_body li{
	line-height:normal;
}

.footerbar{
	height: 20px;
	background-color: #1A0C75 ;
}


	

	
	
	
	
	
	
.wrap{
	width:96%;
	margin:0 auto;
}
	
.allwrap{
	overflow: hidden;
}
	

p{
		font-size: 1.6rem;line-height: 2.8rem;
	}
	
h3{
	margin: 60px 0 40px 0;
}

h3 span{
	font-size: 3rem;
	line-height: 3.5rem;
	width: 86%;
	
}

h4 span{
	font-size: 2.5rem;
	line-height: 3rem;
	width: 86%;
}
	
	
.header_inner_left{
	max-width: 70%;
}
	



.header_inner_left img{
	max-width: 100%;
}
	



.sec01 img{
		width: 60%;
	max-width: 380px;
	}
	


.sec01 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue00023.png);
	    background-size: cover;
    background-position: top center;
	margin-top: 0;
}
	
	
	
.sec02 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue0003.png);
	    background-size: cover;
    background-position: top center;
}
	
.sec03 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue00022.png);
	    background-size: cover;
    background-position: top center;
}

	

.sec04 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue0049.png);
	    background-size: cover;
    background-position: top center;
}
	
.sec05 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue00450.png);
	    background-size: cover;
    background-position: top center;
}
	

.sec06 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue00550.png);
	    background-size: cover;
    background-position: top center;
}
	
	
	

.sec07 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue00290.png);
	    background-size: cover;
    background-position: top center;
}
	
	

.sec08 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue00180.png);
	    background-size: cover;
    background-position: top center;
}
	
	
.sec09 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue00830.png);
	    background-size: cover;
    background-position: top center;
}	
	
	
.sec10 {
	margin-top: 80px;
	margin-bottom: 40px;
padding: 40px 0 30px;
	text-align: center;
	background-image: url(images/blue0002.png);
	    background-size: cover;
    background-position: top center;
}

	
.sec11 h3{
padding: 45px 0 45px;
	text-align: center;
	background-image: url(images/blue00790.png);
	    background-size: cover;
    background-position: top center;
}
	

	
.big{
	font-size: 110%;
}
	/*トップへ戻るボタン*/
.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}
}

/* マイスピフォーム用 */

input {
display:inline-block;
max-width:100%;