@charset "UTF-8";

#contents .blk {
 margin: 0 auto;
 padding-top: 40px;
 width: 960px;
}

#contents .tit_process {
 color: #0826f2;
 font-family: "遊明朝", "YuMincho", "Hiragino Mincho Pro", serif;
 font-size: 30px;
 font-size: 3.0rem;
 font-weight: bold;
 margin-bottom: 45px;
}

#contents .main {
 position: relative;
 float: left;
 width: 550px;
}

#contents .side {
 float: right;
 width: 314px;
}

#contents .main .tit {
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 margin-bottom: 20px;
}

#contents .main p {
 margin-bottom: 20px;
}

#contents .main ul.pgn {
 position: absolute;
 left: 860px;
 top: -189px;
 width: 102px;
}

#contents .main ul.pgn li {
 float: left;
 margin-right: 1px;
 width: 50px;
}

#contents .side ul.process li a { }

#contents .side ul.process li a:hover {
 color: #ff5a5a;
 text-decoration: none;
}

/* clear
----------------------------------------------------------------------------------------------------*/


#contents .blk:after,
#contents .side .pp:after {
 clear: both;
 content: ".";
 display: block;
 font-size: 0;
 height: 0;
 line-height: 0;
 visibility: hidden;
}


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

#contents .blk {
 margin: 0 auto;
 padding: 0 20px;
 padding-top: 40px;
 width: 100%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

#contents .tit_process {
 color: #0826f2;
 font-size: 26px;
 font-size: 2.6rem;
 font-weight: bold;
 margin-bottom: 25px;
}

#contents .main {
 position: relative;
 float: left;
 margin-bottom: 40px;
 width: 100%;
}

#contents .side {
 float: right;
 width: 100%;
}

#contents .main .tit {
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 margin-bottom: 20px;
}

#contents .main p {
 margin-bottom: 20px;
}

#contents .main img { width: 100%; }

#contents .main ul.pgn {
 position: absolute;
 left: inherit;
 right: 0;
 top: -112px;
 width: 74px;
}

#contents .main ul.pgn li {
 float: left;
 margin-right: 1px;
 width: 36px;
}

#contents .side ul.process {
 border-top: #bfbfbf 1px solid;
 margin-bottom: 40px;
 width: 100%;
}

#contents .side ul.process li {
 border-bottom: #bfbfbf 1px solid;
 width: 100%;
}

#contents .side ul.process li a {
 display: block;
 padding: 10px 0;
}

#contents .side ul.process li a:hover {
 color: #ff5a5a;
 text-decoration: none;
}
}