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

body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:15px; line-height:1.4em; margin:0; padding:0; background-color:#ededed; color:#444}

h1,h2,h3,h4,h5,h6,img,table,th,td,ul,dl,li,dt,dd,p{ margin:0; padding:0}
img{ max-width:100%}
p{ margin:0.5em 0}

.header-outer{ max-width:100%;background-color: #ff3d21}


#header{background-color: #ff3d20; padding:0px auto 4px 8px; max-width:1000px; margin:auto}
#header img{ margin-top:3px}

#nav{ background-color: #ff3d20; max-width:1000px; margin:auto}
#nav li{ display:block; float:left; color:white; list-style:none}
#nav li a{ display:block;padding:0.3em 0.5em;color:white; text-decoration:none}
#nav li a:hover{ display:block;color:white; background-color: #F60}

.wrapper{ background-color:white; max-width:1000px; margin:auto}

#main-image{ text-align:center; background-image:url(../images/main-image.jpg); 
background-size: contain;background-repeat:no-repeat; padding:0 30px}
#main-image img{ margin:4% auto 38% auto}

.catch{ clear:both; font-size:18px; color: #666; border-left:solid 12px #F33; 
	margin:0 2%; padding:6px;}
.video-sumb{ width:60%;margin:3% auto; text-align:center}
.video-sumb a:hover{ opacity:0.7}
.catch strong{ display:block; font-size:30px; font-weight: normal; margin-bottom:0.6em}

.content-menu{ margin:2% auto; padding:2%;}
.content-menu li{ width:47%; float:left;margin:1%; list-style:none}
.content-menu li a:hover{ opacity:0.8}

.oshigoto{ width:94.5%;border:solid 1px #cccccc; border-radius:6px; padding:6px; text-align:center; background-color:#efefef; margin:10px 0 20px 0}
.oshigoto h3{ font-size:16px; color:#666}
.oshigoto img{ width:32%; height:auto;border-radius:4px; margin:0.5%}

.sidemenu{ width:100%; margin:auto; text-align:center; }
.sidemenu li{ list-style:none; margin-bottom:0.5em}
.sidemenu li a:hover{ opacity:0.7}
.news{ clear:both; margin-top:0.5%; }
.video-sumb{ width:60%}

.ninsyo{width:100%; margin:auto; text-align:center}
.news h2{ color:#666; font-weight:normal}
.news dt{ margin:1em 1em 1em 0; font-size:small}
.news dd{ margin:-2.3em 0 1em 8em}

.footer-outer{ max-width:100%;background-color: #ff3d20; color:white; padding-bottom:1em}
.footermenu{ max-width:1000px; margin:auto; font-size:small}
.footermenu .idt1{ margin-left:0.5em}
.footermenu ul{ float:left; margin:0.5em 1em 2em 0em; color:white}
.footermenu li{ list-style:none; margin-bottom:0em; font-size:small; width:8em}
.footermenu li a{ color:white; text-decoration:none}
.footermenu li a:hover{ color:white; text-decoration: underline}

.copyright{ clear:both; padding:0.3em; font-size: smaller; margin-bottom:; border-top:solid 1px #FF6600}

.inq-tit{ text-align:center}
.inq-tit h2{ background-color:#09C; width:80%; padding:1em; color:white; margin:auto; border-radius:6px}
.thanks{ margin:50px 0}

.talent a{ color:blue; font-weight:bold; text-decoration:underline}
.talent a:hover{ color: #F63}


/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

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

.content-menu{ max-width:768px;margin:auto;}	
.content-menu li{width:31%; float:left;margin:1%; list-style:none}	

#main-image{ text-align:center; background-image:url(../images/main-image.jpg); 
background-size: contain;background-repeat:no-repeat; padding:0 30px}
#main-image img{ margin:4% auto 38% auto}

.catch{ clear:both; font-size:18px; color: #666; border-left:solid 12px #F33; 
	margin:0 1%; padding:6px;}

.video-sumb{ width:60%;margin:2.0% auto; text-align:center}
.oshigoto{ width:96.5%}
.oshigoto img{ width:30%; height:auto; margin:0.2%}
	
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

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

.header-outer{ max-width:100%;background-color: #ff3d20}

#header{background-color: #ff3d20; max-width:1000px; margin:auto}

#nav{ background-color: #ff3d20; max-width:1000px; margin:auto}
#nav li{ display:block; float:left; olor:white; list-style:none}
#nav li a{ display:block;padding:0.3em 0.5em;color:white; text-decoration:none}
#nav li a:hover{ display:block;color:white; background-color: #F60}

.wrapper{ background-color:white; max-width:1000px; margin:auto}

#main-image{ text-align:center; background-image:url(../images/main-image.jpg); 
background-size: contain;background-repeat:no-repeat;padding:0 30px;}
#main-image img{ margin:4% auto 40% auto}

.catch{ clear:both; font-size:18px; color: #666; border-left:solid 12px #F33; 
	margin:2%; padding:6px; width:60.5%; float:left}
.video-sumb{ width:25%; float:right; margin:2% 2% 2% 5%}
.catch strong{ display:block; font-size:30px; font-weight: normal; margin-bottom:0.6em}

.content-menu{ width:64%; margin:0 2%; padding:0; float:left;}
.content-menu li{ float:left; width:31%; margin:0 2% 2% 0; list-style:none}

.sidemenu{ float:right; width:25%; margin-right:2%; }
.sidemenu li{ list-style:none}

.oshigoto{ width:94.7%;}

.news{ clear:both; float:left; margin:1% 0; }

.ninsyo{float:left; width:25%; margin-left:2%; }

.footer-outer{ max-width:100%;background-color: #ff3d20; color:white}
.footermenu{ max-width:1000px; margin:auto}
.footer{ max-width:1000px; margin:auto}	
	
}


#page-top {
    position: fixed;
    bottom: 5px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #bbb;
    text-decoration: none;
    color: #666;
    width: 100px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


.clear{ clear:both}

@media print {
body {font-size:12pt !important; background-color:#ffffff !important}
.wrapper{ width:100%}
.content-menu{ width:100%}
.content-menu li{ float:left; width:32%; margin:3px; list-style:none}


}