@charset "shift_jis";



.movie {
  position: relative;
  width:100%; /* 横幅は100%にしておく(ここを変えたい場合は実装コード2の方法を確認してください) */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.movie iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kaitori_banner .leftBox, .kaitori_banner .rightBox {
	float: inherit;
	width:100%;
}
.kaitori_banner .rightBox {
	margin-left: inherit;
}
#main2 .step{
	margin: 15px auto 0;
}

h3.pb10 {
	padding: 10px;
}


.merit div {
	width: 100%;
    height: auto;
}
.merit1,
.merit2,
.merit3,
.merit4,
.merit5,
.merit6{
	background: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 5px;
	background-color: #fefaf1;
	padding: 8px;
}
.merit h4 {
	font-size: 1.2em;
}
.merit .inner1,
.merit .inner2,
.merit .inner3,
.merit .inner4,
.merit .inner5{
	padding: 0;
	font-size:1em!important;
}
.anshin-box,#anshin-box{
	background:0 none;
	width: 100%;
    height: auto;
}
#anshin-box .inner,
#kantan-box .inner{
padding:0;	
}
.step img{
	width: 100%;
	height: auto;
}
table.tbl-atention td, table.tbl-atention th {
    display: block;
}

.button-box a {
	display: block;
}
table.tbl-atention, table.tbl-atention td, table.tbl-atention th {
	border-color: inherit;
    border: 0 none;
}
table.tbl-atention td:nth-child(2), table.tbl-atention th:nth-child(1) {
	background:0 none; 
	text-align: left;
}
table.tbl-atention td:nth-child(3){
	text-align: right;
}


p,div,h3,h4 {
	padding: 0px;
	margin: 0px;
}

#cnt-kaitori {
	display: none;
}

h3 {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	background-color: #006666;
	padding-left: 20px;
	font-size: 16px;
}

#anshin-box h4 {
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 10px;
	color:#CC6600;
}
#kantan-box h4 {
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 10px;
	color:#669933;
}
#gyousya-box h4 {
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 10px;
	color:#906;
}
#anshin-box,
#kantan-box,
#gyousya-box{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	/* FF3.6+ */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 47%, #f8f8f8 100%); 
 	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#ffffff), color-stop(100%,#f8f8f8));
 	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 47%,#f8f8f8 100%);
}

#etc-box {
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}



#anshin-box p,
#kantan-box p {
	padding-bottom: 10px;
}

#cnt-kaitori-sm .link a {
	display: block;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #03C;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	border-top-style: dashed;
	border-top-color: #ccc;
	border-top-width: 1px;
	background-image:url(https://www.suruga-ya.jp/yaji.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#cnt-kaitori-sm .link_top a {
	display: block;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #03C;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	background-image:url(https://www.suruga-ya.jp/yaji.png);
	background-repeat: no-repeat;
	background-position: right center;
}

/* 雋ｷ蜿夜未騾｣縺ｮ縺顔衍繧峨○ */

.kaitori_topics {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け","MS PGothic",sans-serif;
	width: 100%;
	margin: 0px auto;
	border-bottom: 1px solid #CCC;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}
.kaitori_topics p{
    font-size: 14px !important;
	line-height: 1.8 !important;
}



/*------kaitori_tokushu-------*/


#kaitori_tokushu h3{
	background:#006667;
font-weight:bold;
	font-size:1.2em;
	padding:7px 10px;
	border-radius:0px;
	margin:0 0 1em;

}
#kaitori_tokushu p{
	font-size:1em;
	padding:0 10px 1em;
}
@media screen and (min-width:768px) {
#kaitori_tokushu h3{
	text-align:center;
		border-radius:5px;
}
#kaitori_tokushu p{
	text-align:center;
}
}

#kaitori_tokushu .white{
		color:#FFF;
}
#kaitori_tokushu .yellow{
		color:#ff0;
}
#kaitori_tokushu .red{
		color:#f00;
		font-weight:bold;
}
#kaitori_tokushu .red::before{
	content:'';
}
#kaitori_tokushu a{
	text-decoration:none;
}
#kaitori_tokushu a:hover img{
	opacity:.8;
}
#kaitori_tokushu .flex-box ul{
	width: calc(100% - 10px);
	display:flex;
	flex-wrap:wrap;
	margin:0 5px;
	padding:0;
}
#kaitori_tokushu .col6 li{
	box-sizing:border-box;
	width: calc(100% / 3 - 10px);
	margin:5px;
	border:1px solid #006667;
	border-radius:5px;
	background:#006667;
	overflow:hidden;

}
@media screen and (min-width:400px) {
	#kaitori_tokushu .col6 li {
		width: calc(100% / 4 - 10px);
	}
}
@media screen and (min-width:600px) {
	#kaitori_tokushu .col6 li {
		width: calc(100% / 5 - 10px);
	}
}

@media screen and (min-width:768px) {
	#kaitori_tokushu .col6 li {
		width: calc(100% / 6 - 10px);
	}
}
#kaitori_tokushu .feature_item_box_img {
	box-sizing:border-box;
	width: 100%;
	padding-top: 100%!important;
	position: relative;
	background-color: #FFF;
}

#kaitori_tokushu .feature_item_box_img img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: auto;
	background: #FFF;
}

#kaitori_tokushu .feature_item_box_name{
	padding:3px;
	text-align:center;
	color:#FFF;
	font-size:.8em;
}
@media screen and (min-width:768px) {
#kaitori_tokushu .feature_item_box_name{
	font-size:1em;
}
}