/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
   /*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
   audio,canvas,video{display:inline-block}
   audio:not([controls]){display:none;height:0}
   [hidden],template{display:none}
   html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
   body{margin:0}



   .txt-box h2{
      position: absolute;
      top: 0;
      font-size: 80px;
      font-family: "Hiragino Sans";
      font-weight: 800;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      width: 580px;
      text-align: left;
      margin-top: 3%;
      margin-left: 15%;
      padding: 10px 30px;
      line-height: 1.2;
   }

   .txt-box h3{
      position: absolute;
      top: 50%;
      font-size: 30px;
      font-family: "Hiragino Sans";
      font-weight: 600;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      width: 520px;
      text-align: left;
      margin-top: 5%;
      margin-left: 15%;
      padding: 10px 30px;
      line-height: 1.2;
   }

   .txt-box span{
      font-size: 24px;
   }




   h1{font-size:2em;margin:.67em 0}
   abbr[title]{border-bottom:1px dotted}
   b,strong{font-weight:700}
   dfn{font-style:italic}
   hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
   mark{background:#ff0;color:#000}
   code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
   pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}
   small{font-size:80%}
   sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
   sup{top:-.5em}
   sub{bottom:-.25em}
   img{border:0}
   svg:not(:root){overflow:hidden}
   figure{margin:0}
   fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
   legend{border:0;padding:0}

   button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}

   button.smp7 {
   	cursor:pointer !important;
   	font-size:0 !important;     /*←テキストを非表示に*/
   	line-height:0 !important;     /*←テキストを非表示に*/
   	border-style:none !important;
   	padding:0 !important;
   	background-image: url(../images/submit-button.png) !important;     /*←背景画像1を指定します*/
   	width:172px !important;
   	height:66px !important;
   	background: none;
   }
   button.smp7:hover {     /*←ロールオーバー時*/
   	background-image: url(../images/submit-button2.png) !important;     /*←背景画像2を指定します*/
   }

   button,select{text-transform:none}
   button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
   button[disabled],html input[disabled]{cursor:default}
   input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
   input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
   input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
   button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
   textarea{overflow:auto;vertical-align:top}
   table{border-collapse:collapse;border-spacing:0}
   body{background-color:#fff;margin:0;padding:0}


   a:hover img{
   	opacity:0.8;
   	-moz-opacity:0.8;
   	filter:alpha(opacity = 80);
   }

   audio,canvas,img,video{vertical-align:middle;}

   fieldset{border:0;margin:0;padding:0}
   textarea{resize:vertical}
   .browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

   .container{
   	width: 100%;
   	max-width: 100%;
   	margin: auto
   }

   #main-header .container{ width: 100%}
   #main-header h1{ margin: 0 !important;  }

   #three-images .container{
   	width: 80%;
   	max-width: 80%;
   	margin: auto
   }


   body{width:100%}
   html{
   	font-weight: 200;
   	font-size: 1.3em;
   	line-height: 1.8
   }
   body,select,input,textarea{color:#4d4d4d}

   h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:900;line-height:1.2}
   h1{font-size:3.0em}
   h2{font-size:2.7em;margin:.9em 0 .9em 0;color:#000}
   h3{font-size:1.1em;margin:1.2em 0 1.2em 0}
   h4{font-size:1.1em}
   h5{font-size:.83em}
   h6{font-size:.75em}
   p{font-size:.8em}

   .small{font-size:.7150000000000001em}


   #main-header{
   	padding: 0em 0 0 0;
   	text-transform: uppercase;
   	letter-spacing: 2px;
   	text-shadow: 0 0 1px rgba(0,0,0,.05),0 5px 6px rgba(0,0,0,.3);
   	color: #fff;
   	position: relative;
   	background-color: #fff;
   }

   #main-header .container{
   	position: relative;
   	z-index: 2
   }

   #main-header h1{margin:.9em 0 .5em 0;letter-spacing:8px}
   #main-header p{font-weight:700}header{text-align:center}


   .body-header{margin:0 0 4em 0}
   #three-images h2{margin:0}


   .call-to-action{background:#0E7AC4;padding:1em 0 1em 0;}


   .cta-container{width:100%;max-width:850px;margin:auto;
   	text-align:center;}
   	.call-to-action p{float:left;color:#FFF; padding-left:10px;}
   	.call-to-action img{padding-right:10px;}
   	.call-to-action a{float:right}

   	.call-to-action2{padding:0.75em 0 0.75em 0}
   	.cta-container2{width:100%;max-width:990px;margin:auto}
   	.call-to-action2 a{float:right}
   	.call-to-action2 p{
   		font-size:14px;
   		float:right;
   		padding-right:1em;
   		margin:auto;
   		line-height: 1.5em;
   		color:#000
   	}
   	.call-to-action2 img{ padding:0 15px}
   	.cta-2{border-bottom:0}

   	.cta-container3{width:100%;max-width:990px;margin:auto}
   	.call-to-action3{padding:1.5em 0 1.5em 0}
   	.call-to-action3 p{
   		font-size:14px;
   		float: right;
   		padding-right:1em;
   		margin:auto;
   		line-height: 1.5em;
   		color:#000
   	}
   	.call-to-action3 img{ padding:0 15px}
   	.cta-3{border-bottom:0}

   	.call-to-action4 img{ margin-top:2em}
   	.call-to-action4 p{ text-align:center;}

   	#macbook{text-align:center;padding:0em 0 0 0}
   	#macbook img{
   		width: 100%;
   		margin-top: 0em;
   		margin-right: 0;
   		margin-bottom: 0;
   		margin-left: 0;
   	}
   	#summary{width:100%;text-align:center;position:relative;padding:4em 0 6em 0;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);text-shadow:0 0 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.3);background:#AA7742}

   	#summary .container{position:relative;z-index:2}
   	#summary:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/summary.jpg) repeat center center;opacity:.3}
   	#summary p{margin:0 0 2.7em 0}
   	#summary a,.slider a{color:#fff;border-bottom:1px solid white}
   	#summary .btn,.slider .btn{background:transparent;border:2px solid #FCFCFC;-webkit-transition:background-color .2s ease-out;-webkit-transition-property:background-color;-webkit-transition-duration:.2s;-webkit-transition-timing-function:ease-out;-webkit-transition-delay:initial;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-out;transition-delay:initial}
   	#summary .btn:hover,.slider .btn:hover{background:rgba(255,255,255,.2);color:#fff}

   	#three-images{padding:4em 0 6em 0}

   	.img-circle-div{
   		display:inline;float:left;
   		width:31.372549019607842%;
   		margin:0 .9803921568627451%;
   		*width:31.32046568627451%;
   		*margin:0 .9283088235294117%;
   		text-align:center
   	}

   	.img-circle-div p{
   		width:85%;
   		margin:auto;
   		text-align:left;
   		margin-bottom: 1em;
   	}

   	#three-images img{border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.25)}

   	#slider-main{padding:4em 0 3em 0;color:#fff}
   	.slider{position:relative;overflow:auto;color:#fff;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.25);text-shadow:0 0 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.3)}
   	.slider ul{list-style-type:none!important;padding:0;margin:0}
   	.slider li{list-style:none!important;height:25em;position:relative}
   	.slider ul li{float:left;padding-top:8em}
   	.slider h2,.slider p{width:90%;max-width:1000px}
   	.slider h2{margin:.9em auto .9em auto}
   	.slider p{margin:0 auto 2.7em auto}
   	#left-arrow,#right-arrow{position:absolute;z-index:100;margin-top:15em}
   	#left-arrow{background-position:0 0;left:40px}
   	#right-arrow{background-position:0 0;right:40px}
   	#left-arrow a,#right-arrow a{color:#fff;border-bottom:0}
   	.slide h2,.slide p,.slide a{position:relative;z-index:2}
   	.slide:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0}


   	#list{padding:2em 0 2em 0}
   	#list2{padding:2em 0 0 0}
   	#list i{position:absolute}

   	#list h3{margin:0 0 20px 70px}
   	#list article p{margin:0 0 0 70px}
    #list article .treatment-dl {
      margin:0 0 0 70px;
      font-size: .8em;
      width: 100%;
      overflow: hidden;
    }
    #list article .treatment-dl dt {
      float: left;
      width: 25%;
    }
    #list article .treatment-dl dd {
      float: left;
      width: 30%;
    }

   	.list-item2 h3{margin:0 0 20px 110px !important}
   	.list-item2 p{margin:0 0 0 110px !important}

   	.list-row{
   		display: block;
   		width:100%;
   		margin:2em auto;
   		*zoom:1;
   		padding:0 0 2em 0;
   		border-bottom:1px solid #ddd
   	}

   	/*応募内定幅*/
   	.list-row2{
   		display:block;
   		width:100%;
   		margin:0 auto;
   		*width:100%;
   		*margin:0 auto;
   		*zoom:1;
   		margin:2em 0 2em 0;
   	}

   	.list-row:last-child{border-bottom:0;padding:0}
   	.list-row2:last-child{border-bottom:border-bottom:1px solid #ddd;}

   	.list-item{display:inline;float:left;width:48.03921568627451%;margin:0 .9803921568627451%;*width:47.987132352941174%;*margin:0 .9283088235294117%;}

   	.list-item2{
   		display: block;
   		width:74%;
   		margin:0 auto;
   	}
   	#last-item2{border-bottom:1px solid #000; padding-bottom:2em;}
   	#last-item3{border-bottom:1px solid #CCC; padding-bottom:2em;}
   	#last-item4{border: none !important}
   	#last-block{}

   	#line{
   		width:100%;
   		height:1px;
   		background-color:#000;
   	}

   	hr{color:#ddd}

   	footer p{
   		color: #FFF;
   		text-align: center;
   		padding: 0px;
   		background-color: #0E7AC4;
   	}

   	#footer-text p{margin:0}

   	#list2{padding:1em 0 0 0}
   	#list .container{ width:78%}

   	@media(max-width: 850px){	
   		.call-to-action3{ text-align:center}
   		.call-to-action3 img{ width:292px}
   		.call-to-action3 img{ padding:0.5em 0 2em 0}
   		.call-to-action3 p{
   			font-size:14px;
   			width:315px;
   			float: none;
   			text-align:center;
   			padding-right:0;
   		}

   		.img-circle-div{
   			display:inline;
   			float:left;
   			width:100%;
   			text-align:center
   		}
   		.img-circle-div p{
   			width:100%;
   			text-align:center;
   			padding:auto 0;
   		}

   		h1{font-size:3.1em}
   		h2{font-size:1.5em}
   		h3{font-size:1.1em}
   		html{font-size:1.1em}	
   	}

   	@media (max-width: 750px){
   		.call-to-action2{ text-align:center}
   		.call-to-action2 img{ width:292px}
   		.call-to-action2 img{ padding:0.5em}

   		.call-to-action4{ text-align:center}
   		.call-to-action4 img{ width:292px}
   		.call-to-action4 img{ padding:0.5em}
   	}

   	@media (max-width: 680px){
   		.call-to-action p{float:none; margin-top:0; padding-left: 0;}
   		.call-to-action a{float:none;margin-bottom:15px}
   		.call-to-action img{padding-right:0;}

   		.call-to-action2 a{float:none;}
   	}

   	@media(max-width: 640px){
   		#list{padding:2.5em 0 2em 0}
   		#list header{margin-bottom:1.5em}
   		#list h3{margin:0 0 20px 60px}
   		#list article p{margin:0 0 0 60px}

   		#list .container{width: 95%}

   		#left-arrow,#right-arrow{ display:none}
   		.slider h2,.slider p{width:90%}
   		.slider ul li{padding-top:5em}
   		.slider li{height:29em}
   		.body-header{margin:0 0 2.5em 0}
   		#summary{padding:2.5em 0 5em 0}

   		#three-images{padding:2.5em 0 2em 0}
   		#three-images .container{
   			width: 98%;
   			max-width: 98%;
   			margin: auto
   		}

   		.img-circle-div p{
   			width:88%;
   			margin:auto;
   			text-align:left;
   			margin-bottom: 1em;
   		}

   		.call-to-action{ text-align:center}
   		.call-to-action{ text-align:center}

   		.call-to-action3 p{float: none; padding:0;}

   		.img-circle-top{ margin-top: 2em;}
   		.list-row{ border-bottom:0;padding:0;margin:0}
   		.list-row2{margin:0; padding:0;}

   		.list-item{padding:2em 0 2em 0!important}
   		.list-item{
   			display: inline;
   			float: left;
   			width: 98.0392%;
   			*width:97.98713235294117%;
   			*margin:0 .9283088235294117%;
   			border-bottom: 1px solid #ddd;
   			margin-top: 0;
   			margin-right: 0.980392%;
   			margin-bottom: 0;
   			margin-left: 0.980392%;
   			padding: 30px 0;
   		}

   		.list-item2{padding:1em 0 1em 0!important}
   		.list-item2{
   			display: inline;
   			float: left;
   			width: 98.0392%;
   			*width:97.98713235294117%;
   			*margin:0 .9283088235294117%;
   			margin-top: 0;
   			margin-right: 0.5%;
   			margin-bottom: 0;
   			margin-left: 0.980392%;
   			padding:3em 0;
   		}
   		.list-item2 h3{margin:0 0 20px 70px !important}
   		.list-item2 p{margin:0 0 0 70px !important}

   		#last-item{border-bottom:0;padding-bottom:0}
   		#last-item2{border-bottom:1px solid #000;}

   		#left-arrow{background-position:0 0;left:20px}
   		#right-arrow{background-position:0 0;right:20px}
   		.slider h2,.slider p{width:80%}
   	}

   	@media (max-width: 450px){
   		#macbook{
   			padding: 0;
   			width: 100%;
   			height: 280px;
   			background-size: cover;
   			-webkit-background-size: cover;
   			-moz-background-size: cover;
   			-o-background-size: cover;
   			-ms-background-size: cover;
   			text-align: center;
   			background-image: url(../images/main03.png);
   			background-position: center top;
   			background-repeat: no-repeat;
   		}
   		#macbook img{
   			margin:0;
   			display: none;
   		}

         .txt-box h2 {
           position: absolute;
           top: 0;
           font-size: 24px;
           font-family: "Hiragino Sans";
           font-weight: 800;
           background-color: rgba(0, 0, 0, 0.5);
           color: white;
           width: 60%;
           text-align: left;
           margin-top: 3%;
           margin-left: 4%;
           padding: 8px 15px;
           line-height: 1.3;
        }

        .txt-box h3 {
           position: absolute;
           top: 120px;
           font-size: 16px;
           font-family: "Hiragino Sans";
           font-weight: 600;
           background-color: rgba(0, 0, 0, 0.5);
           color: white;
           width: 80%;
           text-align: left;
           margin-top: 3%;
           margin-left: 4%;
           padding: 8px 15px;
           line-height: 1.3;
        }
        .txt-box span {
          font-size: 12px;
       }
    }

    .btn:active,.active{outline:0;background-image:none}

    fieldset{padding:0;margin:0;border:0}

    legend{display:block;width:100%;padding:0;margin-bottom:2em;font-size:1.9500000000000002em;line-height:inherit;border:0}label{
       display: inline-block;
       margin-bottom: 0px;
       font-weight: 700
    }

    textarea{height:auto;}

    input[type="radio"],input[type="checkbox"]{
       margin-top: 0px;
       line-height: normal;
       margin-right: 0;
       margin-bottom: 0;
       margin-left: 0;
       }input[type="file"]{display:block}
       select[multiple],select[size]{height:auto}
       select optgroup{font-size:inherit;font-style:inherit;font-family:inherit}
       input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}

       .cf:before,.cf:after{content:"";display:table}
       .cf:after{clear:both}
       .cf{*zoom:1}

/*
@media print{
	*{ background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid}
	thead{display:table-header-group}
	tr,img{page-break-inside:avoid}
	img{max-width:100%!important}
	@page{margin:.5cm}
	p,h2,h3{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */