@charset "utf-8";





/*----------------------------------- 
      #top-main
-----------------------------------*/

#top-main {
    background-color: #2E4DA8;
	padding: 0 0 5%;
	line-height: 0;
	position: relative;
	overflow: hidden;
}
.top-main-box {
	position: absolute;
	top: 13%;
	left: 10%;
	z-index: 2;
}
.top-main-box h2 {
    max-width: 735px;
	margin-bottom: 5%;
}
.top-main-box h3 {
    max-width: 580px;
	box-shadow: 15px 15px 0px 0px rgba(255,255,255,0.25);
}
.top-main-box h3 a {
	transition: .5s;
}
.top-main-box h3 a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	transition: .5s;
}

.main-bg {
	text-align: right;
	margin-left: 25%;
}
.main-bg .sp {
	display: none;
}

@media screen and (max-width: 1200px){
	.main-bg {
		margin-left: 5%;
	}
}
@media screen and (max-width: 1024px){
    #top-main {
		padding: 5% 0 10%;
	}
    .top-main-box {
		position: inherit;
		top: inherit;
		left: inherit;
		padding-top: 15%;
		background-size: 100% auto;
	}
	.top-main-box h2 {
		width: 90%;
		margin: 0 auto 15%;
	}
	.top-main-box h3 {
		width: 90%;
		margin: 0 auto;
		box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.25);
	}
	.main-bg {
	    width: 100%;
	    text-align: center;
		margin-left: 0;
		position: absolute;
		top: 5%;
		left: 0;
	}
}
@media screen and (max-width: 768px){
	.main-bg .pc {
		display: none;
	}
	.main-bg .sp {
		display: block;
	}
}

/*----------------------------------- 
      #top-contents
-----------------------------------*/

#top-contents {
    background: url(../img/common/contents-bg.png) 0 0 no-repeat;
    background-color: #F6F6F6;
	position: relative;
	padding: 80px 0 0;
}
@media screen and (max-width: 768px){
	#top-contents {
		background-size: 50% auto;
		padding: 10% 0 0;
	}
}

/*----------------------------------- 
      #sec1  
-----------------------------------*/

#sec1 {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
	box-sizing: border-box;
}
@media screen and (max-width: 768px){
    #sec1 {
		padding: 0 4%;
    }
}


.sec1-box1 {
	max-width: 1000px;
	margin: 0 auto 10%;
}
.sec1-box1 dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.sec1-box1 dt {
	width: 30%;
	margin-right: 5%;
}
.sec1-box1 dd {
	width: 55%;
}
.sec1-box1 dd h2 {
	font-size: 44px;
	font-size: 4.4rem;
	font-weight: bold;
	color: #263F8C;
	line-height: 1.5;
	margin-bottom: 2%;
}
@media screen and (max-width: 1024px){
	.sec1-box1 dd h2 {
		font-size: 32px;
		font-size: 3.2rem;
	}
}
@media screen and (max-width: 768px){
	.sec1-box1 {
		margin: 0 auto 15%;
	}
	.sec1-box1 dt {
		width: 100%;
		margin-right: 0;
	}
	.sec1-box1 dt img {
	    width: 60%;
		max-width: 395px;
		margin: 0 auto 5%;
		display: block;
	}
	.sec1-box1 dd {
		width: 100%;
	}
	.sec1-box1 dd h2 {
		font-size: 22px;
		font-size: 2.2rem;
		text-align: center;
	}
}


.sec1-box2 {
	margin-bottom: 1%;
}
.sec1-box2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec1-box2 li {
    width: 32%;
	padding: 0 2% 3%;
    background-color: #fff;
	box-shadow: 0px 0px 10px 0 rgba(131,131,131,0.1);
	box-sizing: border-box;
	margin-bottom: 8%;
}
.sec1-box2 li h3 {
    max-width: 300px;
	margin: -15% 0 10%;
	line-height: 0;
	box-shadow: 10px 10px 0px 0px rgba(208,226,253,1);
}
.sec1-box2 li h4 {
    font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 3%;
}
.sec1-box2 li h4 span {
    background: url(../img/top/sec1-icon.png) 0 center no-repeat;
	padding-left: 30px;
}
.sec1-box2 li p {
	line-height: 1.8;
}
@media screen and (max-width: 1024px){
	.sec1-box2 li h4 {
		font-size: 18px;
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 768px){
	.sec1-box2 li {
		width: 48%;
		padding: 0 2% 3%;
		margin-bottom: 12%;
	}
	.sec1-box2 li h3 {
		width: 90%;
		margin: -15% auto 12%;
		box-shadow: 7px 7px 0px 0px rgba(208,226,253,1);
	}
	.sec1-box2 li h4 {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 5%;
	}
	.sec1-box2 li h4 span {
		padding-left: 20px;
		background-size: 15px auto;
	}
	.sec1-box2 li p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
	}
}


.sec1-box3 {
	margin-bottom: 10%;
}
.sec1-box3 h3 {
	max-width: 900px;
	margin: 0 auto;
	line-height: 0;
}
.sec1-box3 h3 .sp {
	display: none;
}
.sec1-box3 h3 a {
	transition: .5s;
}
.sec1-box3 h3 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	transition: .5s;
}
@media screen and (max-width: 768px){
	.sec1-box3 h3 {
		max-width: 600px;
	}
	.sec1-box3 h3 .pc {
		display: none;
	}
	.sec1-box3 h3 .sp {
		display: block;
	}
}

/*----------------------------------- 
      #sec2  対象商品
-----------------------------------*/

#sec2 {
    background: url(../img/top/sec2-bg.png) center 50px no-repeat;
	padding: 140px 20px 50px;
	background-color: #B4CCE9;
	overflow: hidden;
}
@media screen and (max-width: 768px){
    #sec2 {
        background: url(../img/top/sec2-bg.png) center 20px no-repeat;
        background-size: 130% auto;
		padding: 10% 4% 2%;
        background-color: #B4CCE9;
    }
}

.sec2-box1 ,.sec2-box2 ,.sec2-box3 ,.sec2-box4 {
    margin-bottom: 30px;
	padding: 60px 60px;
    box-shadow: 0px 0px 13px 0 rgba(131,131,131,0.3);
    position:  relative;
}
.sec2-box1:before ,.sec2-box2:before ,.sec2-box3:before ,.sec2-box4:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 220px solid transparent;
    border-top: 170px solid #E8E8E8 ;
}
@media screen and (max-width: 1024px){
    .sec2-box1:before ,.sec2-box2:before ,.sec2-box3:before ,.sec2-box4:before {
        border-right: 120px solid transparent;
        border-top: 90px solid #E8E8E8 ;
    }
}
@media screen and (max-width: 768px){
    .sec2-box1 ,.sec2-box2 ,.sec2-box3 ,.sec2-box4 {
        margin-bottom: 5%;
        padding: 5% 5% 8%;
    }
    .sec2-box1:before ,.sec2-box2:before ,.sec2-box3:before ,.sec2-box4:before {
        border-right: 80px solid transparent;
        border-top: 60px solid #E8E8E8 ;
    }
}

/*宛名印字*/

.sec2-box1-1 {
    text-align:  center;
    margin-bottom: 4%;
}
.sec2-box1-1 h2 {
    position:  relative;
    font-size: 48px;
    font-weight: bold;
    text-align:  center;
    letter-spacing:  0.1em;
    margin-bottom: 3%;
}
.sec2-box1-1 h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 64px;
    height: 6px;
    left: 50%;
    background: #2E4DA8;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sec2-box1-1 p br {
    display:  none;
}
@media screen and (max-width: 768px){
    .sec2-box1-1 h2 {
        font-size: 28px;
        margin-bottom: 5%;
    }
    .sec2-box1-1 h2:before {
        width: 40px;
        height: 4px;
    }
}
@media screen and (max-width: 481px){
    .sec2-box1-1 p br {
        display: block;
    }
}

.sec2-box1-2 {
    margin-bottom: 7%;
}
.sec2-box1-2 ul {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec2-box1-2 ul > li {
    max-width: 510px;
    width: 49%;
}
.sec2-box1-2 dl {
    background-color: #F6F6F6;
    margin-bottom: 6%;
}
.sec2-box1-2 dl dt {
    font-size: 24px;
    font-weight: bold;
    text-align:  center;
    color: #fff;
    background-color:  #435E8F;
    letter-spacing:  0.1em;
}
.sec2-box1-2 dl dd {
    border-left: #D4D4D4 2px solid;
    border-right: #D4D4D4 2px solid;
    border-bottom: #D4D4D4 2px solid;
    padding:  3% 2% 2%;
}
.sec2-box1-2 dl dd h3 {
    max-width: 450px;
    margin:  0 auto;
}
.sec2-box1-2 .attention {
    font-size: 13px;
    color: #666;
}
@media screen and (max-width: 1024px){
    .sec2-box1-2 ul > li {
        max-width: 510px;
        width: 100%;
        margin:  0 auto 10%;;
    }
}
@media screen and (max-width: 768px){
    .sec2-box1-2 {
        margin-bottom: 3%;
    }
    .sec2-box1-2 dl dt {
        font-size: 20px;
        padding:  0.2em 0;
    }
    .sec2-box1-2 .attention {
        font-size: 12px;
    }
}

.sec2-box1-3 {
    line-height: 1.6;
}
.sec2-box1-3 dl {
    background-color: #C8DDF7;
    margin-bottom: 1%;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
   /* align-items: center;*/
}
.sec2-box1-3 dl dt {
    max-width: 240px;
    width: 25%;
    background-color: #2E4DA8;
    font-size: 20px;
    font-weight: bold;
    text-align:  center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.sec2-box1-3 dl dd {
    width: 75%;
    padding:  2% 2% 1%;
    box-sizing: border-box;
}
.sec2-box1-3 dl dd h3 {
    font-size: 21px;
    font-weight: bold;
    text-align:  center;
    color: #2D4CA7;
    margin-bottom:  0.5em;
}
.sec2-box1-3 dl dd h3 br {
    display: none;
}
.sec2-box1-3 ul {
   /* font-size: 17px;*/
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    line-height: 2;
    margin-bottom:  0.5em;
}
.sec2-box1-3 ul li:first-child {
    position: relative;
    padding-right:  20px;
}
.sec2-box1-3 ul li:first-child:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-color: transparent transparent transparent #131313;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.sec2-box1-3 ul li:not(:first-child) {
    border: #9BA6BB 1px solid;
    background-color:  #fff;
    color: #2C4CA6;
    /*padding:  0 0.7em;*/
    padding:  0.3em 0.7em;
    text-align:  center;
    line-height: 1.8;
    border-radius: 5px;
}
.sec2-box1-3 .attention {
    font-size: 13px;
    color: #666;
    text-align:  right;
}
@media screen and (max-width: 1150px){
    .sec2-box1-3 dl dt {
        max-width: 100%;
        width: 100%;
        padding:  0.5em;
    }
    .sec2-box1-3 dl dt br {
        display:  none;
    }
    .sec2-box1-3 dl dd {
        width: 100%;
        padding:  5% 5% 1%;
    }
}
@media screen and (max-width: 768px){
    .sec2-box1-3 dl dt {
        font-size: 18px;
    }
    .sec2-box1-3 dl dd h3 {
        font-size: 16px;
    }
        .sec2-box1-3 dl dd h3 br {
        display: block;
    }
    .sec2-box1-3 ul {
        gap: 5px 5px;
        margin-bottom:  5%;
    }
    .sec2-box1-3 .attention {
        font-size: 12px;
        font-size:  1.2rem;
    }
}
@media screen and (max-width: 481px){
    .sec2-box1-3 ul li:first-child {
        padding-right:  25px;
    }
    .sec2-box1-3 ul li:first-child:before {
        border-width: 8px 8px 0 8px;
        border-color: #131313 transparent;
    }
    .sec2-box1-3 ul li:not(:first-child) {
        font-size: 13px;
        font-size:  1.3rem;
    }
}

/*ラベルの作成*/

.sec2-box2-1 {
    text-align:  center;
    margin-bottom: 4%;
}
.sec2-box2-1 h2 {
    position:  relative;
    font-size: 48px;
    font-weight: bold;
    text-align:  center;
    letter-spacing:  0.1em;
    margin-bottom: 3%;
}
.sec2-box2-1 h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 64px;
    height: 6px;
    left: 50%;
    background: #2E4DA8;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sec2-box2-1 p br {
    display:  none;
}
@media screen and (max-width: 768px){
    .sec2-box2-1 h2 {
        font-size: 26px;
        letter-spacing:  0.05em;
        margin-bottom: 5%;
    }
    .sec2-box2-1 h2:before {
        width: 40px;
        height: 4px;
    }
}
@media screen and (max-width: 641px){
    .sec2-box2-1 p br {
        display: block;
    }
}

.sec2-box2-2 {
    margin-bottom: 1%;
}
.sec2-box2-2 h3 {
    border: #D4D4D4 2px solid;
    background-color: #F6F6F6;
    padding:  3%;
}
.sec2-box2-2 h3 img {
    max-width: 747px;
    margin: 0 auto;
    display:  block;
}
@media screen and (max-width: 768px){
    .sec2-box2-2 h3 {
        padding:  5%;
        margin-bottom: 8%;
    }
}

/*バリアブル印刷*/

.sec2-box3-1 {
    text-align:  center;
    margin-bottom: 4%;
}
.sec2-box3-1 h2 {
    position:  relative;
    font-size: 48px;
    font-weight: bold;
    text-align:  center;
    letter-spacing:  0.1em;
    margin-bottom: 3%;
}
.sec2-box3-1 h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 64px;
    height: 6px;
    left: 50%;
    background: #2E4DA8;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sec2-box3-1 p br {
    display:  none;
}
@media screen and (max-width: 768px){
    .sec2-box3-1 h2 {
        font-size: 26px;
        letter-spacing:  0.05em;
        margin-bottom: 5%;
    }
    .sec2-box3-1 h2:before {
        width: 40px;
        height: 4px;
    }
}
@media screen and (max-width: 641px){
    .sec2-box3-1 p br {
        display: block;
    }
}

.sec2-box3-2 {
    margin-bottom: 7%;
}
.sec2-box3-2 h3 {
    border: #D4D4D4 2px solid;
    background-color: #F6F6F6;
    padding:  3%;
}
.sec2-box3-2 h3 img {
    max-width: 685px;
    margin: 0 auto;
    display:  block;
}
@media screen and (max-width: 768px){
    .sec2-box3-2 {
        margin-bottom: 13%;
    }
    .sec2-box3-2 h3 {
        padding:  5%;
        margin-bottom: 8%;
    }
}

.sec2-box3-3 {
    line-height: 1.6;
}
.sec2-box3-3 dl {
    background-color: #C8DDF7;
    margin-bottom: 1%;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
   /* align-items: center;*/
}
.sec2-box3-3 dl dt {
    max-width: 240px;
    width: 25%;
    background-color: #2E4DA8;
    font-size: 20px;
    font-weight: bold;
    text-align:  center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.sec2-box3-3 dl dd {
    width: 75%;
    padding:  2% 2% 1%;
    box-sizing: border-box;
}
.sec2-box3-3 dl dd h3 {
    font-size: 21px;
    font-weight: bold;
    text-align:  center;
    color: #2D4CA7;
    margin-bottom:  0.5em;
}
.sec2-box3-3 dl dd h3 br {
    display: none;
}
.sec2-box3-3 ul {
   /* font-size: 17px;*/
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    line-height: 2;
    margin-bottom:  0.5em;
}
.sec2-box3-3 ul li {
    border: #9BA6BB 1px solid;
    background-color:  #fff;
    color: #2C4CA6;
    padding:  0.3em 0.7em;
    text-align:  center;
    line-height: 1.8;
    border-radius: 5px;
}
.sec2-box3-3 .attention {
    font-size: 13px;
    color: #666;
    text-align:  right;
}
@media screen and (max-width: 1150px){
    .sec2-box3-3 dl dt {
        max-width: 100%;
        width: 100%;
        padding:  0.5em;
    }
    .sec2-box3-3 dl dt br {
        display:  none;
    }
    .sec2-box3-3 dl dd {
        width: 100%;
        padding:  5% 5% 1%;
    }
}
@media screen and (max-width: 768px){
    .sec2-box3-3 dl dt {
        font-size: 18px;
    }
    .sec2-box3-3 dl dd h3 {
        font-size: 16px;
    }
        .sec2-box3-3 dl dd h3 br {
        display: block;
    }
    .sec2-box3-3 ul {
        gap: 5px 5px;
        margin-bottom:  5%;
    }
    .sec2-box3-3 .attention {
        font-size: 12px;
        font-size:  1.2rem;
    }
}
@media screen and (max-width: 481px){
    .sec2-box3-3 ul li {
        border-width: 8px 8px 0 8px;
        border-color: #131313 transparent;
    }
    .sec2-box3-3 ul li {
        font-size: 13px;
        font-size:  1.3rem;
    }
}



/*ボタン*/

.sec2-btn a {
    background: url(../img/top/sec2-icon.png) right 40px center no-repeat;
    width: 18em;
	margin: 4% auto 0;
	display: block;
	background-color: #0E2D7E;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-align: center;
	padding: 0.7em 0;
	transition: .3s;
}
.sec2-btn a:hover {
	transform: translateY(-4px) translateX(-2px);
    box-shadow: 5px 5px 0 0 #111;
	transition: .3s;
}

@media screen and (max-width: 768px){
    .sec2-btn a {
        background: url(../img/top/sec2-icon.png) right 20px center no-repeat;
        background-color: #0E2D7E;
		width: 14em;
		font-size: 16px;
		font-size: 1.6rem;
	}
}


/*----------------------------------- 
      #sec3  ご注文はこちら
-----------------------------------*/

#sec3 {
     background: url(../img/top/sec3-bg.jpg) center center no-repeat;
	 padding: 2% 20px 0;
	 overflow: hidden;
	 background-size: cover;
}
@media screen and (max-width: 1024px){
	#sec3 {
		 background: url(../img/top/sec3-bg.jpg) 0 0 no-repeat;
		 padding: 8% 3% 0;
		 background-size: cover;
	}
}


dl.sec3-box1 {
    max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
dl.sec3-box1 dt {
    width: 50%;
	font-size: 52px;
	font-size: 5.2rem;
	font-weight: bold;
	color: #263F8C;
	line-height: 1.5;
}
dl.sec3-box1 dt span {
    background: url(../img/top/sec3-icon.png) right center no-repeat;
	padding-right: 50px;
}
dl.sec3-box1 dt a {
	color: #263F8C;
	text-decoration: none;
	transition: .5s;
}
dl.sec3-box1 dt a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	transition: .5s;
}
dl.sec3-box1 dd {
    width: 50%;
	line-height: 0;
}
dl.sec3-box1 dd img {
    max-width: 635px;
}
@media screen and (max-width: 1024px){
	dl.sec3-box1 dt {
		width: 100%;
		font-size: 40px;
		font-size: 4.0rem;
		text-align: center;
		margin-bottom: 5%;
	}
	dl.sec3-box1 dt span {
		background: url(../img/top/sec3-icon.png) right center no-repeat;
		padding-right: 50px;
	}
	dl.sec3-box1 dd {
		width: 100%;
	}
	dl.sec3-box1 dd img {
		margin: 0 auto;
		display: block;
	}
}
@media screen and (max-width: 768px){
	dl.sec3-box1 dt {
		font-size: 30px;
		font-size: 3.0rem;
	}
	dl.sec3-box1 dt span {
		padding-right: 20px;
		background-size: 12px auto;
	}
}


/*----------------------------------- 
      #sec4  見積り・お問い合わせ
-----------------------------------*/

#sec4 {}


ul.sec4-box1 {
    line-height: 1.8;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*align-items: center;*/
}
ul.sec4-box1 li {
	width: 50%;
	padding: 5% 0;
	color: #fff;
	text-align: center;
}
ul.sec4-box1 li:nth-child(odd) {
	background-color: #2E4DA8;
}
ul.sec4-box1 li:nth-child(even) {
	background-color: #27428F;
}
ul.sec4-box1 li h3 {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
	margin-bottom: 4%;
}
.sec4-tel {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 2%;
}
.sec4-tel span {
	font-size: 28px;
	font-size: 2.8rem;
}
.sec4-tel a {
	color: #fff;
	text-decoration: none;
	cursor: text;
}
.sec4-btn a {
    background: url(../img/top/sec4-icon.png) right 15px center no-repeat;
    width: 20em;
	margin: 4% auto 0;
	display: block;
	background-color: #0E2D7E;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-align: center;
	padding: 0.7em 0;
	transition: .3s;
}
.sec4-btn a:hover {
	/*filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;*/
	transform: translateY(-4px) translateX(-2px);
    box-shadow: 5px 5px 0 0 #111;
	transition: .3s;
}


@media screen and (max-width: 1024px){
	ul.sec4-box1 {
		line-height: 1.6;
	}
	ul.sec4-box1 li {
		width: 100%;
		padding: 8% 0;
	}
	ul.sec4-box1 li h3 {
		font-size: 22px;
		font-size: 2.2rem;
	}
	.sec4-tel {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.sec4-tel span {
		font-size: 20px;
		font-size: 2.0rem;
	}
}
@media screen and (max-width: 768px){
    .sec4-tel {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}
	.sec4-tel span {
		font-size: 16px;
		font-size: 1.6rem;
	}
    .sec4-tel a {
		background: url(../img/top/sec4-icon.png) right 15px center no-repeat;
		width: 18em;
		margin: 0 auto;
		display: block;
		border: #fff 1px solid;
		color: #fff;
		text-decoration: none;
		text-align: center;
		padding: 0.6em 0 0.5em;
		cursor: pointer;
		box-sizing: border-box;
	}
    .sec4-btn a {
		width: 18em;
		font-size: 16px;
		font-size: 1.6rem;
	}
}


/*----------------------------------- 
      #sec5  お知らせ
-----------------------------------*/

#sec5 {
    padding: 3% 0 0 10%;
}
@media screen and (max-width: 1024px){
	#sec5 {
		padding: 8% 4% 0;
	}
}


.sec5-box1 {
	position: relative;
	padding: 50px 100px 100px 70px;
    background-color: #fff;
	box-shadow: 0px 0px 10px 0 rgba(131,131,131,0.1);
	box-sizing: border-box;
}
.sec5-box1 h2 {
	position: absolute;
	top: 60px;
	left: 80px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #2D4CA7;
	letter-spacing: 0.1em;
}
.news-box {
	margin-left: 200px;
}
.news-box dl {
	border-bottom: #DBDBDB 1px solid;
	line-height: 1.8;
}
.news-box dl:nth-of-type(1) {
	border-top: #DBDBDB 1px solid;
}
.news-box dl dt {
	width: 10em;
	float: left;
	padding: 1.5em 0;
	text-align: center;
	font-weight: bold;
	color: #999;
}
.news-box dl dd {
    background: url(../img/top/sec5-icon1.png) right 20px center no-repeat;
	padding: 1.5em 50px 1.5em 10em;
	font-weight: bold;
}
.news-box dl dd a {
	text-decoration: none;
}
.news-box dl dd a:hover {
	text-decoration: underline;
}
.sec5-btn a {
    background: url(../img/top/sec5-icon2.png) right 15px center no-repeat;
    width: 13em;
	margin: 7% auto 0;
	display: block;
	background-color: #2E4DA8;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-align: center;
	padding: 0.6em 0;
	transition: .3s;
}
.sec5-btn a:hover {
	transform: translateY(-4px) translateX(-2px);
    box-shadow: 5px 5px 0 0 #555;
	transition: .3s;
}

@media screen and (max-width: 1024px){
	.sec5-box1 {
	    padding: 10% 4% 12%;
	}
	.sec5-box1 h2 {
		position: inherit;
		top: inherit;
		left: inherit;
		font-size: 22px;
		font-size: 2.2rem;
		text-align: center;
		margin-bottom: 5%;
	}
	.news-box {
		margin-left: 0;
	}
	.news-box dl {
	    background: url(../img/top/sec5-icon1.png) right 15px center no-repeat;
	}
	.news-box dl dt {
		width: inherit;
		float: none;
		padding: 1.5em 0 0;
		text-align: left;
	}
	.news-box dl dd {
		background: none;
		padding: 0 40px 1.5em 0;
	}
	.sec5-btn a {
		width: 12em;
		font-size: 14px;
		font-size: 1.4rem;
		margin: 10% auto 0;
	}
}