@charset "utf-8";
/* CSS Document */






/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px) {
	
	
	#contents #printRead h3{
		width:700px;
		height:33px;
		padding:10px 0px 0px 12px;
		color:#fff;
		font-weight:bold;
		font-size:16px;
		margin:0px 0px 13px;
		float:left;
		background:url(../../common/images/bg_h3.jpg);
		
		border:1px solid #fff;
		
		border-radius:5px;
		-webkit-border-radius:5px;	
		-moz-border-radius:5px;	
	}
	
	#contents #printRead p.print{
		display:block;
		width:220px;
		height:auto;
		font-size:23px;
		font-weight:bold;
		color:#504009;
		cursor:pointer;
		border:none;
		float:right;
	}
		
		#contents #printRead p.print a{
			display:block;
			width:220px;
			height:47px;
			padding:10px 0px 0px 0px;
			font-size:17px;
			font-weight:bold;
			color:#504009;
			background:url(../images/btn_print.png) no-repeat;
			cursor:pointer;
			border:none;
			text-align:center;
		}
		

	.flowImages{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
		padding:15px 0px 0px 0px;
	}
	.flowImages:nth-of-type(n+2){
    margin-top: 3px;
  }
  .flowImages .flowSet{
    max-width: 292px;
    width: 32.02%;
    padding:10px;
    border:1px solid #ccc;
    box-sizing: border-box;
  }
  .flowImages .flowSet.flexibleSet{
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 602px;
    width: 66.01%;
  }
  .flowImages .flowSet.flexibleSet .flowSet__box{
    max-width: 270px;
    width: 46.56%;
  }
  .flowImages .flowSet.flexibleSet .flowSet__box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border-right: 1px dotted #ccc;
  }
  
  
		
			.flowSet .setImg{
				height:150px;
			}
		
			.flowSet p{
				padding:10px 0px 0px 0px;
			}
			
	#secureArea{
		width:700px;
		height:auto;
		margin:0px auto;
		padding:0px 0px 15px 15px;
		overflow:hidden;
	}
	
		#secureArea .secureImg{
			width:700px;
			
			margin:0px auto 0px auto;
			padding:0px 0px 15px 0px;
		}
	
		#secureArea .secureSet{
			width:153px;
			height:auto;
			margin:0px 5px 15px 5px;
			padding:5px 5px;
			border:1px solid #ccc;
			text-align:center;
			float:left;
		}
		
		#secureArea .secureSet h5{
			font-weight:bold;
		}
		
			.secureSet .creditImg{
				padding:10px 0px;
			}
	
	
	#rosenArea{
		padding:0px 0px 15px 15px;
	}
	
		#rosenArea p.rosenLinkImg{
			display:none;
		}
			
}

  .flowImages .flowSet_right {
    max-width: 292px;
    width: 32.02%;
    padding:10px;
    border:1px solid #ccc;
    box-sizing: border-box;
    margin-right: 34.02%;
  }


/*===============================================
●Youtube動画追加
===============================================*/
.videoBox {
  max-width: 1280px;
  width: 100%;
  /*margin: 30px auto 0;
  padding: 20px 0;*/
}

.videoBox__inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.videoBox__inner iframe {
  position: absolute;
  top: 0;
  left: 0; 
  width: 100%;
  height: 100%;
}