@charset "UTF-8";

/*
Site Name: amc1nai.net
Description: parts style(pc,sp)
*/

/*---------------------------------------------------------------
common
---------------------------------------------------------------*/
/* header
----------------------------------------- */
#header { border-top: #722F76 3px solid; }
#header ul li { float: left; }
#header ul li p { padding: 8px 0; }
#header ul li a{ text-decoration: none; }

.clear { display:block; overflow: hidden; }
.clear::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

nav {
    display: none;
    margin: 0 0 0 auto;
    position: absolute;
    right: 0;
    top: 38px;
	width: 80%;
	font-weight: 500;
}

nav ul { margin: 0; padding: 0; width: 100%; }
nav ul li {
	clear:both;
	padding: 0 0 2px 0;
	overflow: hidden;
	width: 100%;
}

nav ul li a {
	display: block;
	color: #fff;
	font-weight: 600;
	background-image: url("../img/bg_sp_nav.png");
	line-height: 40px;
	text-align:center;
}

nav ul li a:link,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:active {
	color:#fff;
}

#home #header { letter-spacing: 0.15em; }
#home #header ul { float: left; clear: both; }
#home #header ul li{
	color: #fff;
	text-align: center;
	line-height: 1.1em;
}

#home #header p.btn_return { float:right; }

#home #header a.btn_top_menu {
    color: #fff;
    display: inline-block;
	border: #fff solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 190px;
    height: 30px;
	margin-top: 10px;
	padding-top: 15px;
    font-weight: 300;
    text-align: center;
}

#home #header a.btn_top_menu:hover {
	-webkit-transition: all .3s;
	transition: all .3s;
}

#home #header a.top_course:hover { background-color:#C2B6AF; }
#home #header a.top_care:hover { background-color:#7EBECC; }
#home #header a.top_study:hover { background-color:#72C74F; }
#home #header a.top_ultrafine:hover { background-color:#DC96C1; }

#contents #header { letter-spacing: 0.05em; }

/* footer
----------------------------------------- */

#footer { color: #fff;  }
#footer_inner { text-align: center; }

#footer p {
	text-align: left;
	padding: 3px 0 5px 15px;
	margin: 3px 12px;
}

#footer a {
	color: #fff;
	font-weight: 300;
    text-decoration: none;	
}

#footer a:hover {
    text-decoration: underline;
}

#footer h1 {
	float: left; 
	margin: 5px 15px 20px;
}

#footer h4 {
	background-color: #fff;
	background-image:url("../img/icon_h_footer.gif");
	background-position: 10px 12px;
	background-repeat: no-repeat;
	color: #722F76;
	font-weight: 500;
	text-align: left;
	letter-spacing: 0.1em;
	padding: 6px 10px 3px 25px;
	margin: 15px 15px;
}

#footer ul.menu_footer { margin: 0 auto; overflow: hidden; }
#footer ul.menu_footer li { display: inherit; }

#footer h4 a { color: #722F76; text-decoration: none; }
#footer h4 a:hover { text-decoration: underline; }

#copyright { font-size: 80%; text-align: center; }
#copyright p { padding: 10px; }

/* topicpath
----------------------------------------- */

#contents #topicpath {
	border-top: 2px solid #732C77;
	margin-bottom: 45px;
}
#contents #topicpath ol.nav { margin: 10px; }
#contents #topicpath ol.nav li {  float:left; padding: 1px 10px 6px 8px;}
/*#contents #topicpath ol.nav li a {
	background-image: url("../img/icon_topicpath.gif");
	background-position: 55px 5px;
	background-repeat: no-repeat;
	padding-right: 20px;
}*/

/* container
----------------------------------------- */

#main ul, #main ol {
	padding: 0.5em 20px;
	clear:both;
}

#main h2, #main h3, #main h4, #main h5, #main h6 {
	margin-bottom: 10px;
	padding-bottom: 0;
	clear: both;
} 

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	font-weight: 600;
}

#main p {
	letter-spacing: 0.1em;
	line-height: 1.5em;
	padding: 2px 2px;
	margin-bottom: 10px;
}

#main img {
	padding: 2px;
}

#main h2{
	clear: both;
	text-align: left;
	font-size: 170%;
	border-top: 2px solid #732C77;
	border-bottom: 2px solid #732C77;
	padding: 12px 5px 10px;
	margin-top: 10px;
}

#main h3{
	background-image:url("../img/icon_h3.gif");
	background-repeat:no-repeat;
	background-position: 5px 10px;
	text-align: left;
	font-size: 130%;
	padding: 7px 10px 6px 35px;
}

#main h4{
	background-image:url("../img/icon_h4.gif");
	background-repeat:no-repeat;
	background-position: 3px 13px;	
	font-size: 115%;
	padding: 7px 10px 6px 22px;
	margin-left: 5px;
}

#main h5{
	background-image:url("../img/icon_h5.gif");
	background-repeat:no-repeat;
	background-position: 10px 14px;		
	font-size: 110%;
	padding: 7px 10px 6px 22px;	
}

#main h6{
	font-weight: bold;
	margin-left: 20px;
	color:#00a000;
}

#main table { margin: 10px; }

#main table {
	font-size: 95%;
	margin-bottom: 12px;
	line-height: 1.6em;
	margin-top: 15px;
	border-collapse:collapse;
	margin-right: 0px;
}

#main table th{
	padding: 5px;
	border-right: 1px solid #00a000;
	border-bottom: 1px solid #00a000;
	background-color: #00a000;
	color: #fff;
	font-weight: bold;
}

#main table td{
	margin: 0px;
	padding: 5px;
	
}

#main ol { list-style: decimal; }
#main ol li { padding: 3px 15px 3px 5px; }

#contents #main #share{
	width:100%;
	margin:auto;
	text-align:center;
	padding:10px 0 10px 0;
	clear:both;
}
#contents #main#share ul{
        background-image:initial;
        background-repeat:initial;
	background-position: initial;
	padding: initial;
	height:auto;
}
#contents #main #share li{
        background-image:initial;
        background-repeat:initial;
	background-position: initial;
	padding: initial;
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:84px;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}

#sub h2 {
	background-color: #732C77;
	color: #fff;
	font-size: 130%;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	padding: 30px 20px 20px;
}

#sub h2 span { font-size: 10px; }

#sub ul.menu_sub {
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

#sub ul.menu_sub li {
	background-image:url("../img/icon_nav_header.gif");
	background-repeat:no-repeat;
	background-position: 20px 20px;	
	border-bottom: 1px dotted #ccc;
	padding: 17px 15px 15px 40px;
}

#sub ul.bnr_sub { margin: 30px 0px; }
#sub ul.bnr_sub li { margin: 15px 5px; }

#home #main ul li, #home #main ol li {
	float: left;
}
#home #mai #about { border-top: #00A000 3px solid; }
#home #main .bnr_box { width: 100%; clear:both; }
#home #main .bnr_box ul { width: 100%; overflow: hidden; }
#home #main .bnr_box ul li {
	width: 48%;
	margin: 3px 5px;
}

#home #main .bnr_box ul.etc {
	border-top: 1px dotted #ccc;
	overflow: hidden;
	margin: 30px 0 40px;
}

#home h2 { border: none; }


#home #information .topics {
	float: left;
	max-width: 725px;
	padding: 5px 10px;
	overflow:hidden;
}

#home #information .banner-area {
	padding: 5px 10px;
	margin: 0 auto;
	overflow:hidden;
}

#home #information .topics h2 {
	background-color: #722F76;
	color: #fff;
	font-size: 110%;
	text-align: left;
	padding: 8px 15px;
	margin-bottom: 0px;
}

#home #information .topics ul { border: 1px solid #ececec; padding: 0px;; }
#home #information .topics ul li { width: 100%; border-bottom: 1px dotted #ccc; }

#home #information .topics dl dt,
#home #information .topics dl dd {
	float: left;
}

#home #information .topics dl dt { width: 15%; clear:right; padding: 20px 17px; }
#home #information .topics dl dd { width: 68%; padding: 20px 20px 20px 20px; }

#home #information .btn_more {
	overflow: hidden;
	background-color: #ececec;
	background-image: url("../img/icon_topics.gif");
	background-position: 99% 11px;
	background-repeat: no-repeat;
	text-align: right;
	font-weight: 500;
	margin-bottom: 10px;
	padding:5px 20px;
}

#contents #page_title h1 {
    text-align: right;
    font-size: 2.2em;
    font-weight: bolder;
}

#contents #main ul li {
	background-image:url("../img/icon_h_footer.gif");
	background-repeat:no-repeat;
	background-position: 6px 14px;
	padding: 8px 10px 8px 23px;
}

#contents #main .bnr_box { width: 100%; clear:both; overflow:hidden; }
#contents #main .bnr_box ul { width: 100%; clear:both; overflow: hidden; margin: 2px 5px; }
#contents #main .bnr_box ul li { 
	float: left;
	background-image: none;
	width: 45%;
	padding: 3px;
}

#contents #sub .bnr_sub { text-align: center; margin-bottom: 30px; }

/* ページ送り */
#contents #main .page-navigation {
    text-align: center;
    float: initial;
}
#contents #main .page-navigation ul {　
    display: block;
    padding-bottom: 10px;
}
#contents #main .page-navigation li {
    background-image: initial;
    display: inline-block;
    border-bottom: none;
    list-style: none;
}
#contents #main .page-navigation li a {
    padding: 0 10px;
}
#contents #main .page-navigation li a[rel="prev"]::before {
    content: "«";
    margin-right: 0.3em;
}

#contents #main .page-navigation li a[rel="next"]::after {
    content: "»";
    margin-left: 0.3em;
}


/*-----------------------------------------
pc
----------------------------------------- */
/* header
----------------------------------------- */
@media all and (min-width: 900px) {

#home #header ul { width:100%; }

#home #header ul li{
	width: 25%;
	margin: 6% 0px 20px;
}

#header h1.logo{ float: left; margin: 0px 15px; }
#home #header p.btn_return { margin: 10px;}

#home #header a.btn_top_menu {
	width: 190px;
    height: 30px;
	padding-top: 15px;
	margin: 10px auto;
}

#contents #header h1.logo { margin: 17px 5px; }

#contents #header ul { float: right; }

#contents #header ul.nav_header-sub li {
	background-image:url("../img/icon_nav_header.gif");
	background-repeat:no-repeat;
	background-position: 5px 13px;
	padding: 10px 20px 10px 20px;
}

#contents #header ul.nav_header-sub li a:hover,
#contents #header ul.nav_header-main li a:hover {
	color: #00a000;
}

#contents #header ul.nav_header-sub li.li_off {
	background-image: none;
	padding: 0px;
}

#contents #header a.contact {
	float: right;
	color: #fff;
    display: inline-block;
	border: 1px solid #732C77;
	background-image: none;
	background-color: #732C77;
	width: 140px;
    height: 20px;
	padding: 5px 5px 8px;
    font-weight: 200;
    text-align: center;
}

#contents #header a.contact:hover {
	background-color: #7CD07C;
	border: 1px solid #7CD07C;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#contents #header ul.nav_header-main {
	margin: 15px 0px 5px;
	border-right: 1px solid #ccc;
}

#contents #header ul.nav_header-main li {
	border-left: 1px solid #ccc;
	font-size: 102%;
	font-weight: 500;
	padding: 12px 23px;
}

#contents #header .menu,
nav {
	display: none;
}

/* footer
----------------------------------------- */

#footer #adress_footer,
#footer .nav_box {
	float: left;
	margin: 15px 0px;
}
#footer #adress_footer { width: 35%; }
#footer #nav_footer { width: 64%; float:right;}
#footer .nav_box {	width: 31%; }

#footer #adress_footer ul { text-align: left; margin: 5px 15px; font-size: 12px;}
#footer #adress_footer ul  li {
	background-image:url("../img/icon_footer_li.gif");
	background-position: 18px 8px;
	background-repeat: no-repeat;
	padding: 2px 10px 2px 32px ;
}

#footer #nav_footer ul { text-align: left; margin: 5px 15px; font-size: 12px;}
#footer #nav_footer ul  li {
	background-image:url("../img/icon_footer_li.gif");
	background-position: 18px 8px;
	background-repeat: no-repeat;
	padding: 2px 10px 2px 32px ;
}

/* container
----------------------------------------- */

#home #about h2{
	margin: 30px 0 20px;
	text-align: center;
}

#main .bnr_box ul.etc li { padding-top: 10px; }

#home #recruit p img{ margin: 50px 10px; }

#information .top_fb { float: left;
		       margin: 5px 0px;
		       width: 50%;
}

#information .sub_banner-area { margin: auto; }

#contents #page_title h1 { margin-top: 110px; }
#contents #fb_sub { display: none; }

}


/*-----------------------------------------
tb
----------------------------------------- */
/* header
----------------------------------------- */
@media all and (min-width: 600px) and (max-width: 900px) {

#home #header h1.logo { float:left; width: 180px; margin: 0 15px; }
#home #header p.btn_return { margin: 5px 10px;}

#home #header ul li { width: 25%; margin: 65px 0 10px; }
#home #header ul.top_nav p { text-align:center; padding: 5px 8px; font-size: 50%; }
#home #header ul.top_nav p img { text-align:center; width: 75%; }
#home #header a.btn_top_menu { width:125px; margin: 5px auto; }	

#home #recruit p img{ margin: 30px 10px; }

#contents #header h1.logo {
	height: 120px;
	width: 218px;
	position: absolute;
	left: 0;
	right: 0;
	top: 25px;
	margin: 0 auto;
}

#contents #header .menu {
	position:absolute;
	top: 0;
	right: 0px;
}

/* footer
----------------------------------------- */

#footer h4 { margin:10px; }

#footer #adress_footer,
#footer #nav_footer {
	 clear: both;
	 width: 100%;
	 overflow: hidden;
}

#footer #adress_footer { margin: 30px 0 10px; }
#footer #nav_footer { margin: 10px 0 30px; }

#footer .nav_box {
	width: 32.5%;
	float: left;
	overflow: hidden;
}

#footer #nav_footer ul {
	text-align: left;
	margin: 5px 10px;
	font-size: 12px;
}

#footer #nav_footer ul  li {
	background-image:url("../img/icon_footer_li.gif");
	background-position: 10px 8px;
	background-repeat: no-repeat;
	padding: 2px 10px 2px 24px ;
}

/* container
----------------------------------------- */

#home #main .bnr_box ul.etc { margin-top: 15px; }

#home #information .top_fb {
        float: left;
	width: 330px;
	padding: 5px 0px 0px 5px;
}

#home #information .topics dl dd {
	float: left;
	width: 70%;
	padding: 20px 10px 20px 30px;
}

#contents #page_title h1 { margin-top: 60px; }

#contents #sub { margin-top: 30px; }

#contents #sub #fb_sub {
	width: 330px;
	margin: 30px auto;
}

}


/*-----------------------------------------
sp
----------------------------------------- */
@media all and (max-width: 599px) {

/* header
----------------------------------------- */

#header h1.logo {
	width: 180px;
	height: 120px;
	position: absolute;
	left: 0;
	right: 0;
	top: 15px;
	margin: 0 auto;
}

#home #header p.btn_return { display: none;}

#home #header ul.top_nav { margin-top: 90px; }
#home #header ul.top_nav li { width: 50%; height: 100%; }
#home #header ul.top_nav li p { display: none; }

#header .menu {
	position:absolute;
	top: 0;
	right: 0px;
}

/* footer
----------------------------------------- */
#footer { display:none;}

#copyright p {
	color: #fff;
	padding: 1.5%;
}


/* container
----------------------------------------- */
#about {
	border-top: none;
}
#home #header ul.top_nav li {
	float:left;
}

#home #nav_etc ul {
	margin-top: 2%;
}

#home #nav_etc ul li {
	text-align:center;
	padding: 10px 5px;
	border-bottom: 1px solid #C4C4FD ;
}

#home #main {
	background-image:url("../img/bg_sp_nav_etc.jpg");
	background-repeat: no-repeat;
	background-position: center top;	
}

#home #about {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 20px;		
}

#home #about .box_inr {
	overflow: hidden;
	margin-bottom: 20px;	
}

#home #about .bnr_box ul li {
	float:left;
	width: 48%;
	margin: 1%;
}

#home #about ul { padding: 0; }

#home #information .top_fb {
	width: 330px;
	margin: 5px auto;
}

#home #information .sub_banner-area {
	width: 230px;
	margin: 5px auto;
}

#about .bnr_box ul.etc,
#information .topics {
	display: none;
}

#contents #sub #fb_sub{
	margin: 30px 0;
}

#contents #page_title h1 { margin-top: 70px; }

#contents #main h2,
#contents #main h3,
#contents #main h4,
#contents #main h5,
#contents #main h6,
#contents #main p,
#contents #main table,
#contents #main ul,
#contents #main ol {
	margin-left:15px;
	margin-right: 15px;
}

#contents #main .bnr_box { margin: 1% 2% 5%; }
#contents #main .bnr_box ul {
	padding: 0.3%;
}

#contents #sub { margin-top: 30px; }

#contents #sub #fb_sub {
	width: 330px;
	margin: 30px auto;
}

}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9ã®å ´åˆã®ç¸¦å¹…*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}