@charset "utf-8";

/*-------------------------------------------
	fonts
--------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url('../../../fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
   url('../../../fonts/NotoSansCJKjp-Regular.woff') format('woff');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url('../../../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
   url('../../../fonts/NotoSansCJKjp-Bold.woff') format('woff');
}

/*-------------------------------------------
	common
--------------------------------------------*/

body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
img {
	border: 0;
	vertical-align: bottom;
}
a img {
	border: none;
}
a {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a.txtlink:link,
a.txtlink:visited{
  text-decoration:underline;
}

a:hover, a:hover img {
	filter: alpha( opacity=70);
	-ms-filter: alpha( opacity=07);
	-webkit-filter: alpha( opacity=70);
	-moz-filter: alpha( opacity=70);
	-o-filter: alpha( opacity=70);
	opacity: 0.7;
	transition: opacity .20s ease-in-out;
	-ms-transition: opacity .20s ease-in-out;
	-webkit-transition: opacity .20s ease-in-out;
	-moz-transition: opacity .20s ease-in-out;
	-o-transition: opacity .20s ease-in-out;
	box-shadow:#000 0 0 0;
}
a:focus {
	outline: none;
}
embed {
	outline: none;
}
.clear {
	clear: both;
}
/*=================================
	general
================================ */
html {
	font-size: 62.5%;
	height: 100%;
}
body {
	font-family: 'Roboto', 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "MS PGothic", Osaka, sans-serif;
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.8;
	background: #FFF;
}

body {
	-webkit-text-size-adjust: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	width/***/
	: auto;
	vertical-align:top;
}
#wrapper {
	width: 100%;
}
main {
	text-align: left;
}
/*-------------------------------------------
	clearfix
--------------------------------------------*/
.cf:after{
	content: "";
	display: block;
	clear: both;
}
.cf{
	min-height: 1%;  /* for Firefox　*/
	zoom: 1;
}

/*=================================
	common
================================ */

.inner {
  clear: both;
  width: 980px;
  margin: 0 auto;
}

/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 980px) {/*980px以下のスタイル*/
.inner{
  width: auto;
  margin: 0 3%;
}
}/* end 980px */

/*=================================
	header
================================ */

#header {
  position:relative;
  height:73px;
  padding:11px 3% 0 3%;
}
.logo {
width:230px;
}
.logo span{
display: block;
}
.logo a{
  display:block;
}
.logo p{
margin-top:3px;
font-size:13px;
color:#92C427;
}


/*-------------------- ■ START Media Queries ■ --------------------*/

/*-------------------------------------------
	footer
--------------------------------------------*/
/*----- pagetop -----*/
.pagetop {
  position: fixed;
  bottom: 5%;
  right: 3%;
  z-index: 10;
}
.pagetop a {
  display: block;
  width: 55px;
  height: 55px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("../images/pagetop.png") 0 0 no-repeat;
}

#footer {
  border-top:1px #E4E4E4 solid;
  clear: both;
}

.flink{
  text-align:center;
  margin:20px 0 10px;
}
.flink li{
  display:inline-block;
  line-height:1;
}
.flink li:last-child{
  padding-left:15px;
  margin-left:15px;
  border-left:1px #CCC solid;
}
.flink li a{
  font-size:12px;
  font-size:1.2rem;
  padding:0;
}

.copy{
font-family: 'Roboto', sans-serif;
  font-size:12px;
  font-size:1.2rem;
  text-align:center;
  margin:10px 0;
  padding:5px 0;
}


/*-------------------------------------------

	contents common

--------------------------------------------*/
.contents{
  width: 980px;
  margin: 0 auto;
  padding: 70px 0;
}

.cttlbox{
  display:table;
  width:100%;
  height:200px;
}
.cttl{
  display:table-cell;
  font-size:30px;
  font-size:3rem;
  font-weight:500;
  line-height:1;
  text-align:center;
  vertical-align:middle;
}  

.interview .cttlbox{
  background-image: url();
}
.guide .cttlbox{
  background:url(../images/guide_head.jpg) no-repeat center top;
    background-size:cover;
}
.clead{
  text-align:center;
  margin-bottom:50px;
}

.sec {
  margin-top: 60px;
}
.sec:first-child {
  margin-top:0;
}
.sec p{
  margin-bottom:1.5em;
}

.cmnbtn01 a{
  display:block;
  width:320px;
  font-size:14px;
  font-size:1.4rem;
  padding:17px 0;
  text-align:center;
  margin:0 auto;
  background:#ECECEC;
}


/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 980px) {/*980px以下のスタイル*/
.contents{
  width: auto;
  margin: 0 3%;
}
}/* end 980px */

@media (max-width: 768px) {/*768px以下のスタイル*/
.cttl {
  font-weight: bold;
}
.guide .cttlbox{
  background:url(../images/guide_head.jpg) no-repeat 90% top;
    background-size:cover;
}
}/* end 768px */

@media (max-width: 480px) {/*480px以下のスタイル*/
.contents {
  padding: 40px 0;
}
.cttlbox{
  height:130px;
}
.cttl{
  font-size:24px;
  font-size:2.4rem;
}  

}/* end 480px */

/*------------------------------------------

	guideline

------------------------------------------*/
.guidecont{
padding:80px;
}
.guide .contents{
  padding:60px;
  background:#FFF;
  opacity:0.9;
  border-radius:10px;
}

.guidetbl{
  display:table;
  width:100%;
  margin-bottom:60px;
  border-top:1px #E4E4E4 solid;
  border-left:1px #E4E4E4 solid;
}
.guidetbl dl{
  display:table-row;
  width:100%;
}
.guidetbl dt,
.guidetbl dd{
  display:table-cell;
  vertical-align:middle;
  padding:10px;
  border-right:1px #E4E4E4 solid;
  border-bottom:1px #E4E4E4 solid;
}
.guidetbl dt span{
display: block;
font-size:11px;
font-size:1.1rem;
}
.guidetbl dt{
  width:25%;
  font-weight:500;
  background:#F7FBF0;
}
.guidetbl dd{
  width:75%;
}
.guideslist > li{
margin-bottom:15px;
}
.guideslist > li p{
display: inline;
}
.guidetbl span+span{
padding-left:15px;
}

/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 980px) {/*less than 980px*/
.guidecont{
  width:auto;
  padding:60px 0;
}
.guide .contents{
  width:auto;
  padding:60px;
}

}/* end 980px */
@media (max-width: 768px) {/*less than 768px*/

.guide .contents{
  padding:40px 20px;
}

.guidetbl{
  display:block;
}
.guidetbl dl{
  display:block;
}
.guidetbl dt,
.guidetbl dd{
  display:block;
}
.guidetbl .tblhead{
  display:none;
}
.guidetbl dt a{
  font-weight:500;
}
.guidetbl dt,
.guidetbl dd{
  width:100%;
}
.guidetbl dd{
  padding:10px 10px 18px;
}
.guidetbl dt span{
display: inline;
}

}/* end 768px */

@media (max-width: 480px) {/*less than 480px*/
.guidetbl dd span{
display: block;
margin-top:5px;
}
.guidetbl dd span+span{
padding-left:0px;
}
}