@charset "utf-8";
/* CSS Document */

/*--reset css--*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*--/reset css--*/


/*--common--*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
body{
	line-height:1.4em;
}
a img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a img:hover {
	opacity: .5;
}
.fl_pc{
	float:left;
}
/*--/common--*/

/*--header--*/
header{
	width:100%;
	background:#ffffff;
}

.header__inner{
	width:980px;
	margin:0 auto;
}
.mainimg__outer{
	width:100%;
	background:#ff8500;
}
.mainimg__inner{
	width:980px;
	margin:0 auto;
}
.mainimg__inner img{
	vertical-align:bottom;
}
/*--/header--*/

/*--main--*/
article.main{
	width:980px;
	margin:0 auto;
}
.main h2{
	text-align:center;
	margin:30px 0;
}
.main ul{
	margin:0 0 30px 3%;
}
.main ul li{
	float:left;
	width:29%;
	background:url(../img/arrow_01.png) 100% 50% no-repeat;
	-moz-background-size:10%;
	background-size:10%;
	padding:0 4% 0 0;
}
.main ul li:last-child{
	background:none;
	padding:0;
}
.main a img{
	display:block;
	margin:0 auto 30px auto;
}
/*--/main--*/

/*--manual--*/
article{
	width:100%;
}
section{
	width:980px;
	margin:0 auto;
}
.manual__outer{
	width:100%;
	background:#eeeeee;
}
.manual__inner{
	padding:60px 0;
	width:980px;
	margin:0 auto;
	background:url(../img/bg_arrow.png) center top no-repeat;
	-moz-background-size:22%;
	background-size:22%;
}
.manual__inner ul{
	margin:0 0 40px 5%;
}
.manual__inner ul li{
	float:left;
	width:28%;
	padding:0 3% 0 0;
	background:url(../img/arrow_02.png) 100% 50% no-repeat;
	-moz-background-size:10%;
	background-size:10%;
}
.manual__inner ul li:last-child{
	background:none;
	padding:0;
}
.manual__inner h2{
	text-align:center;
	margin:30px 0;
}
.manual__inner .box01{
	width:66%;
	margin:0 4% 0 0;
}
.manual__inner .box02{
	width:30%;
}
.manual__inner dt{
	color:#32bcc9;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 10px 0;
}
.manual__inner dd{
	margin:0 0 20px 0;
}
.process{
	border-bottom:1px #eeeeee solid;
	padding:30px 2%;
}
.process .box01{
	width:45%;
	margin:0 2% 0 0;
}
.process .box02{
	width:53%;
}
.process .box03{
	background:#eeeeee;
	padding:10px 2%;
}
.process .box03 h4{
	color:#ffffff;
	background:#32bcc9;
	padding:5px 2%;
	margin:0 0 10px 0;
}
.process .box02 .box03 p{
	margin:0;
}
.process .box02 h3{
	font-size:1.3em;
	font-weight:bold;
	color:#4b4b4b;
	margin:0 0 20px 0;
}
.process .box02 p{
	margin:0 0 20px 0;
}
.process .box02 ul li{
	margin:0 0 10px 0;
	padding-left:1em;
	text-indent:-1em;
}
p span{
	color:#F00;
}
/*--/manual--*/

/*--login--*/
.login{
	margin:20px 0 50px 0;
}
.manual__inner .login{
	margin:20px 0 0 0;
}
.login a img{
	display: block;
    margin: 0 auto;	
}
/*--/login--*/

/*--footer--*/
footer{
	width:100%;
	background:#ff8500;
}
.footer__inner{
	width:980px;
	margin:0 auto;
}
.footer__inner ul li{
	float:left;
	width:33%;
}
.footer__inner p{
	padding:20px 0 5px 0;
	text-align:center;
}
/*--/footer--*/

/*画面幅が601px～979pxの表示用*/
@media only screen and (min-width:601px) and (max-width:979px) {
#wrapper,.header__inner,.mainimg__inner,article.main,section,.manual__inner,.footer__inner{
	width:100%;
}
.mainimg__inner img,.main h2 img,.main ul li img,.manual__inner .box01 img,.box01 img,.manual__inner ul li img,.process img{
	width:100%;
}
.process{
	padding:30px 0;
}
}

/*画面幅が600pxまでの表示用(スマホ)*/
@media screen and (max-width:600px) {
#wrapper{
	width:100%;
}
.header__inner,.mainimg__inner,article.main,section,.manual__inner,.footer__inner{
	width:98%;
	margin:0 auto;
}
.mainimg__inner img,.main h2 img,.main ul li img,.manual .box01 img,.manual__inner ul li img,.process img{
	width:100%;
}
.fl_pc{
	float:none;
}
.manual__inner{
	padding:30px 0;
}
.manual__inner h2 img{
	width:70%;
	margin:0 auto;
}
.manual .box02{
	width:90%;
	margin:0 auto;
}
.manual .box01{
	width:90%;
	margin:0 auto 10px auto;
}
.process{
	padding:30px 0;
}
.main a img,.login a img{
	width:60%;
}
}