@charset "UTF-8";


.back_box a:link{
	color: white;
	text-decoration: none;
}
.back_box a:hover{
	color: white;
	text-decoration: none;
}
.back_box a:visited{
	color: white;
	text-decoration: none;
}

/*==============================================================================================================
 *  アイコンつきタイトル　（デジタルグッズ） 
 =============================================================================================================*/
h7 {
  position: relative;
  background: #ffd98a;
  padding: 5px 0px 5px 30px;
  padding-right:347px;
  font-size: 30px;
  color: #474747;
  border-radius: 0 10px 10px 0;
}

h7:before {
  font-family: "Font Awesome 5 Free";
  content: url("../images/02-download/_i_icon_12555_icon_125552_32.png");
  display: inline-block;
  line-height: 50px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #ffa337;
  font-weight: normal;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 58px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}


.btn-push {
  display: inline-block;
  max-width: 280px;
  text-align: left;
  background-color:#0197F9;
  font-size: 22px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  border-bottom: 4px solid #033256;
  line-height: 1.3em;
  letter-spacing:0.1em;
  margin-top: 12px;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.btn-push:active {
    transform: translateY(4px);
    border-bottom: none;
	color:white;
}
.btn-push:hover {
   background-color: #ffa300;
	border-bottom: 4px solid #d37800;
}



.highlight {
	font-size: 30px;
    background: linear-gradient(transparent 35%, #F8C4DD 0%);
    line-height: 1.3em;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#543302;
}

.pdf-box {
	font-size:14px;
	border: solid lightgray;
	padding: 10px 10px;
}


.download1{
		display: flex;
		flex-direction: row; /* 右方向に横並び */
		align-items: flex-start; /* 上揃え */
		flex-wrap:nowrap;
	}

   .download1 .box1 {
		flex: 1; /*大きさ均等*/
		margin-bottom: 30px;
	    margin-right:20px;
	}
	.download1 .box2 {
		flex: 1; /*大きさ均等*/
	}


/*===================================================================================================================
 *  画面幅780px以下　スマートフォン・タブレットデザイン 
 ==================================================================================================================*/

@media screen and (max-width:950px) {

	/*********** タイトル部分　510pxで分岐  ****************************************/
			/*********** スマートフォン用  **************/
			@media screen and (max-width:509px) {
				.downloadtitle-over510{	display: none;	}
				.downloadtitle-under510{ display: block; }
			}

			/*********** パソコン・タブレット用  **********/
			@media screen and (min-width:510px) {
				.downloadtitle-under510{ display: none;	}
				.downloadtitle-over510{	display: block;	}
			}
	/*********** タイトル分岐　ここまで  ******************************************/
	
	
	/*********** ダウンロードボタン　510pxで分岐  ****************************************/
			.download-over950{ display: none; }
			.download-under950{	display: block;	}
	/*********** タイトル分岐　ここまで  ******************************************/
	
	
	.download1{
		display: flex;
		flex-direction: column; /* 右方向に横並び */
		align-items: flex-start; /* 上揃え */
		flex-wrap:nowrap;
	}

   .download1 .box1 {
		margin-bottom: 30px;
	    margin-right:20px;
	}
	.download1 .box2 {
	}
	
	.box1 img {
		width: 100%;
	}
	
	
	h7 {
	  position: relative;
	  background: #ffd98a;
	  padding: 5px 10px 5px 30px;
	  font-size: 25px;
	  color: #474747;
	  border-radius: 0 10px 10px 0;
	}
	
	.back_box {
		padding:10;
	}
	
	#paper03 {
		padding: 20px;
		padding-bottom: 1px;
		margin-bottom: 30px;
		border-radius: 30px;/*角の丸み*/
	}
	
}


/*===================================================================================================================
 *  画面幅780px以下　スマートフォンデザイン 
 ==================================================================================================================*/

@media screen and (min-width:950px) {

		/*********** タイトル部分　1070pxで分岐  ****************************************/
			/*********** スマートフォン用  **************/
			@media screen and (max-width:1069px) {
				.downloadtitle-over510{	display: none; }
				.downloadtitle-under510{ display: block; }
			}

			/*********** パソコン・タブレット用  **********/
			@media screen and (min-width:1070px) {
				.downloadtitle-under510{ display: none;	}
				.downloadtitle-over510{	display: block;	}
			}
		/*********** タイトル分岐　ここまで  ******************************************/


		/*********** ダウンロードボタン　510pxで分岐  ****************************************/
			.download-over950{ display: block; }
			.download-under950{	display: none;	}
	}