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

#title{
background: url("../img/04-title.png") no-repeat;
background-position:center bottom;
background-size:cover;  
max-width: 1200px;
height: 400px;
margin: 0 auto;
position: relative;
}
#title .right-top{
position: absolute;
top: 0;
right: 20px;
color: #fff;
font-size: 1.8em;
padding: 20px;
font-weight: 300;
letter-spacing: 0.1em;
}
.tit,.sen{
text-align: left!important;
padding: 0 20px;
}
.tit font{
font-size: 0.8em;
}

.flow{
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
h4{
margin: 50px 0 0;
text-align: center;
font-size: 1.7em;
font-weight: 800;
line-height: 1.8em;
color: #3E3A39;
}
h5{
text-align: center;
font-size: 1.3em;
font-weight: 300;
line-height: 1.8em;
color: #3E3A39;
}
.contents.bg1 {
	background: #fff;	/*背景色*/
	border-top: none;		/*上の線の幅、線種、色*/
	border-bottom: none;	/*下の線の幅、線種、色*/
padding-top: 0;
}
section h2{
}
section img{
float: right;
width: 50%;
margin: 0 0 20px 20px;
display: inline-block;
}


.inner-s{
max-width: 935px;
margin: 0 auto;
padding: 0 20px;
}

.col-sm-6{
text-align: center;
margin-bottom: 20px;
}
.pdf-preview{
width: 80%;
margin: 0 auto;
}
.pdf-preview img{
width:100%;
}
.pdf-preview h4{
margin: 15px 0;
text-align: center;
font-size: 1.5em;
}
.pdf-preview .button{
background-color: #EDB033;
padding: 5px 15px;
color: #fff;
border-radius:5px;
vertical-align: baseline;
display: inline-block;
margin: 0 auto;
}
.pdf-preview .button img{
width: 19px;
}
.comment{
margin-top: 50px;
width: auto;
}
.comment h4{
font-size: 1.5em;
margin-bottom: 10px;
}
.comment font{
color: #EDB033;
}
.comment p{
padding-left:1em;
text-indent:-1em;
padding: 5px 2em;
}