@charset "UTF-8";
/*---------------------------------------------------------------
	reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, figure, figcaption, a, abbr, address, cite, code, del, dfn, em, font, img, video, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  text-decoration: none; }

/*---------------------------------------------------------------
	Common
-------------------------------------------------------------- */
html {
  overflow-y: scroll; }

body {
  color: #555555;
  font-size: 15px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.42857;
  background: #ffffff;
  border-top:5px solid #ef6d21;
}

:hover, :focus, :active {
  outline: 0; }

img {
  vertical-align: top; }

strong {
  font-weight: bold; }

.clearfix { zoom:1; }
.clearfix:after {
  content: ".";
  font-size:0;
  height:0;
  display: block;
  clear: both;
  overflow:hidden;
}

.clear{
	clear:both;
}


/*---------------------------------------------------------------
	Header & Footer
-------------------------------------------------------------- */
header{ background-color:#fff;}

header .logo_brand {
  display: inline-block; }

header nav#global_nav {
  position: relative; }

header nav#global_nav ul {
    list-style: none;
    width: 100%; }

header nav#global_nav ul {
	list-style-type: none;
}
header nav#global_nav ul li {
    display: inline-block;
    position: relative;
    margin-left: -1px;
	padding:0 18px;
}
header nav#global_nav ul li a {
    text-decoration: none;
}
/*
header nav#global_nav ul li a:hover:after {
    border-top: 0;
    border-bottom: solid 10px #ed6d20;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 40px;
    bottom: 0px;
}
*/

.box_left-orange {
	min-height: 151px !important;
}
.topics_wrapper .bg_leftorange {
	height: 100px !important;
}
.topics_wrapper .box_left-orange {
	min-height: 100px !important;
	height: 100px !important;
}
footer {
  text-align: center;
  background: #e5e5e5; }
  footer div#footer_btm ul {
    list-style: none; }
  footer div#footer_btm ul li {
      font-size: 93.33333%;
      display: inline-block;
	   }
footer .footer_bnr{
		display:table;
		width:auto;
		margin:0 0 20px;
    	text-align:left;
		width:100%;
	}


footer .footer_bnr li{
		display:table-cell;
		vertical-align:middle;
		text-align:left;
		padding-right:10px;
		margin:0 0 20px;
		width:25%;
	}

footer .footer_bnr li img{ max-width:100%;}
footer .footer_bnr li,footer .footer_bnr li a{ background-image:none !important;}


footer div#footer_btm ul li a {
        position: relative;
        color: #fff;
        -webkit-transition: all 0.3s;
                transition: all 0.3s; }
       /*
	    footer nav#footer_nav ul li a:before {
          content: '';
          margin-right: 10px;
          position: relative;
          top: 0;
          left: 0;
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 0 4px 4px;
          border-color: transparent transparent transparent #fff;
          -webkit-transition: all 0.3s;
                  transition: all 0.3s; }
        footer nav#footer_nav ul li a:hover {
          color: #b0b0b0; }
          footer nav#footer_nav ul li a:hover:before {
            border-left-color: #b0b0b0; }
			*/
footer #copy {
    font-size: 80%;
	text-align:right;
	float:right; }

footer #footer_nav .row {
	display: block;
}
footer #footer_nav .col {
	width: 18%;
}

/* pagetop */


    #pageTop {
      position: fixed;
      bottom: 20px;
      right: 20px;
    	z-index: 10000;

    }
    #pageTop a {
      display: block;
      z-index: 999;
    }
    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }

/*---------------------------------------------------------------
	Main
-------------------------------------------------------------- */
#main {
  /* Contents Container ----------------------------------------*/
  /* Side Container ----------------------------------------*/
  	background: url(../img/bg_contents.png);
}
  #main #contents_container {
    /* Topicpath ----------------------------------------*/
    /* Digest ----------------------------------------*/
    /* Content ----------------------------------------*/
    }

    #main #contents_container ul#topicpath {
      margin-bottom: 1%;
      list-style: none;
      font-size: 86.66667%; }
      #main #contents_container ul#topicpath li {
        display: inline-block;
        color: #555555; }
        #main #contents_container ul#topicpath li a {
          border-bottom: 1px dotted #3cbf3c;
          color: #3cbf3c;
          font-weight: bold; }
          #main #contents_container ul#topicpath li a:hover {
            border-bottom: 1px dotted #c8ed9d;
            color: #c8ed9d; }
        #main #contents_container ul#topicpath li:before {
          margin: 0 6px 0 5px;
          content: '';
          position: relative;
          top: 0;
          left: 0;
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4px 0 4px 4px;
          border-color: transparent transparent transparent #b0b0b0; }
        #main #contents_container ul#topicpath li:first-child:before {
          margin: 0;
          border: 0; }
        #main #contents_container ul#topicpath li:last-child:before {
          color: #b0b0b0; }
    #main #contents_container #digest {
      background: #f1ffe6;
      border:2px solid #9bdb6b;
      box-sizing: border-box;
      display: table;
      width: 100%; }
	 #main #contents_container .bg_pink{background: #fff6f9; border:2px solid #f3b1bf;}
	 #main #contents_container .bg_blue{background: #edf8ff; border:2px solid #b1d8f3;}
	 #main #contents_container .bg_yellow{background: #fff8ce;  border:2px solid #ecdb7e;}

      #main #contents_container #digest .img,
      #main #contents_container #digest h1 {
        display: table-cell;
        vertical-align: bottom; }
      #main #contents_container #digest .img {
        text-align: center; }
      #main #contents_container #digest h1 {
        padding: 10px;
        line-height: 1.2;
        font-weight: bold;
        text-align: right; }
        #main #contents_container #digest h1 small {
          display: block;
          font-size: 55.555555555%; }
	/* 第二階層のタイトル */
      #main #contents_container #digest h1.layer2 {
        /*padding: 10px;*/
        padding: 10px 10px 10px 20px;
        line-height: 1.4;
        text-align: left;
		vertical-align: middle;  }
        #main #contents_container .bg_pink h1.layer2 small { color:#b65368; }
        #main #contents_container .bg_blue h1.layer2 small { color:#3776a1; }
        #main #contents_container .bg_yellow h1.layer2 small { color:#bc6313; }
    /**/
      #main #contents_container #content:not([class]) {
      background: #fff; }
	/* 第二階層の背景 */
	 #main #contents_container #content .bg_2layer{ background-color:transparent;}
/**/
/*↓add*/
.box_visual div.main_pc img {
 	margin-top: 10px;
}
/*↑add*/
      #main #contents_container #content:not([class]) a:not([class]) {
        border-bottom: 1px dotted #3cbf3c;
        color: #3cbf3c;
        font-weight: bold; }
        #main #contents_container #content:not([class]) a:not([class]):hover {
          border-bottom: 1px dotted #9bdb6b;
          color: #9bdb6b; }
      #main #contents_container #content:not([class]) h2,
      #main #contents_container #content:not([class]) h3,
      #main #contents_container #content:not([class]) h4,
      #main #contents_container #content:not([class]) h5,
      #main #contents_container #content:not([class]) p,
      #main #contents_container #content:not([class]) ul,
      #main #contents_container #content:not([class]) ol,
      #main #contents_container #content:not([class]) dl,
      #main #contents_container #content:not([class]) table,
      #main #contents_container #content:not([class]) form,
      #main #contents_container #content:not([class]) hr {
        margin-top: 30px;
        margin-bottom: 30px; }
        #main #contents_container #content:not([class]) h2:first-of-type,
        #main #contents_container #content:not([class]) h3:first-of-type,
        #main #contents_container #content:not([class]) h4:first-of-type,
        #main #contents_container #content:not([class]) h5:first-of-type,
        #main #contents_container #content:not([class]) p:first-of-type,
        #main #contents_container #content:not([class]) ul:first-of-type,
        #main #contents_container #content:not([class]) ol:first-of-type,
        #main #contents_container #content:not([class]) dl:first-of-type,
        #main #contents_container #content:not([class]) table:first-of-type,
        #main #contents_container #content:not([class]) form:first-of-type,
        #main #contents_container #content:not([class]) hr:first-of-type {
          margin-top: 0; }
        #main #contents_container #content:not([class]) h2:last-child,
        #main #contents_container #content:not([class]) h3:last-child,
        #main #contents_container #content:not([class]) h4:last-child,
        #main #contents_container #content:not([class]) h5:last-child,
        #main #contents_container #content:not([class]) p:last-child,
        #main #contents_container #content:not([class]) ul:last-child,
        #main #contents_container #content:not([class]) ol:last-child,
        #main #contents_container #content:not([class]) dl:last-child,
        #main #contents_container #content:not([class]) table:last-child,
        #main #contents_container #content:not([class]) form:last-child,
        #main #contents_container #content:not([class]) hr:last-child {
          margin-top: 0;
          margin-bottom: 0; }
      #main #contents_container #content:not([class]) h2,
      #main #contents_container #content:not([class]) h3,
      #main #contents_container #content:not([class]) h4,
      #main #contents_container #content:not([class]) h5 {
        line-height: 1.2;
        font-weight: bold; }
      #main #contents_container #content:not([class]) h2 {
        color: #199338;
        font-size: 160%; }
        #main #contents_container #content:not([class]) h2 small {
          display: block;
          font-size: 66.666666666%; }
      #main #contents_container #content:not([class]) h3 {
        font-size: 120%; }
        #main #contents_container #content:not([class]) h3 small {
          display: block;
          font-size: 72.222222222%; }
      #main #contents_container #content:not([class]) h4 {
        font-size: 106.66667%; }
        #main #contents_container #content:not([class]) h4:before {
          content: '';
          margin-right: 10px;
          position: relative;
          top: -4px;
          left: 0;
          display: inline-block;
          width: 15px;
          height: 0;
          border-top: 2px solid #3cbf3c;
          font-weight: normal; }
      #main #contents_container #content:not([class]) h5 {
        font-size: 14px; }
      #main #contents_container #content:not([class]) p {
        line-height: 2; }
      #main #contents_container #content:not([class]) ul,
      #main #contents_container #content:not([class]) ol {
        list-style: none;
      /*font-weight: bold;*/ }
        #main #contents_container #content:not([class]) ul li,
        #main #contents_container #content:not([class]) ol li {
          line-height: 2; }
      #main #contents_container #content:not([class]) ul li {
        padding-left: 25px;
        position: relative;
        text-indent: -25px; }
        #main #contents_container #content:not([class]) ul li:before {
          content: '';
          margin-right: 20px;
          position: relative;
          top: 0;
          left: 0;
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5px 0 5px 5px;
          border-color: transparent transparent transparent #3cbf3c; }
        #main #contents_container #content:not([class]) ul li ul li:before {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #3cbf3c;
          border: none; }
      #main #contents_container #content:not([class]) ol li {
        padding-left: 25px;
        position: relative;
        text-indent: -25px;
        counter-increment: number; }
        #main #contents_container #content:not([class]) ol li:before {
          content: counter(number) ".";
          margin-right: 10px; }
        #main #contents_container #content:not([class]) ol li ol {
          counter-reset: number; }
      #main #contents_container #content:not([class]) table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        font-size: 80%; }
        #main #contents_container #content:not([class]) table th,
        #main #contents_container #content:not([class]) table td {
          padding: 15px 10px;
          border: 2px solid #e4e4e4;
          vertical-align: top; }
          #main #contents_container #content:not([class]) table th h2,
          #main #contents_container #content:not([class]) table th h3,
          #main #contents_container #content:not([class]) table th h4,
          #main #contents_container #content:not([class]) table th h5,
          #main #contents_container #content:not([class]) table th p,
          #main #contents_container #content:not([class]) table th ul,
          #main #contents_container #content:not([class]) table th ol,
          #main #contents_container #content:not([class]) table th dl,
          #main #contents_container #content:not([class]) table th form,
          #main #contents_container #content:not([class]) table th hr,
          #main #contents_container #content:not([class]) table td h2,
          #main #contents_container #content:not([class]) table td h3,
          #main #contents_container #content:not([class]) table td h4,
          #main #contents_container #content:not([class]) table td h5,
          #main #contents_container #content:not([class]) table td p,
          #main #contents_container #content:not([class]) table td ul,
          #main #contents_container #content:not([class]) table td ol,
          #main #contents_container #content:not([class]) table td dl,
          #main #contents_container #content:not([class]) table td form,
          #main #contents_container #content:not([class]) table td hr {
            margin-top: 15px;
            margin-bottom: 15px; }
            #main #contents_container #content:not([class]) table th h2:first-of-type,
            #main #contents_container #content:not([class]) table th h3:first-of-type,
            #main #contents_container #content:not([class]) table th h4:first-of-type,
            #main #contents_container #content:not([class]) table th h5:first-of-type,
            #main #contents_container #content:not([class]) table th p:first-of-type,
            #main #contents_container #content:not([class]) table th ul:first-of-type,
            #main #contents_container #content:not([class]) table th ol:first-of-type,
            #main #contents_container #content:not([class]) table th dl:first-of-type,
            #main #contents_container #content:not([class]) table th form:first-of-type,
            #main #contents_container #content:not([class]) table th hr:first-of-type,
            #main #contents_container #content:not([class]) table td h2:first-of-type,
            #main #contents_container #content:not([class]) table td h3:first-of-type,
            #main #contents_container #content:not([class]) table td h4:first-of-type,
            #main #contents_container #content:not([class]) table td h5:first-of-type,
            #main #contents_container #content:not([class]) table td p:first-of-type,
            #main #contents_container #content:not([class]) table td ul:first-of-type,
            #main #contents_container #content:not([class]) table td ol:first-of-type,
            #main #contents_container #content:not([class]) table td dl:first-of-type,
            #main #contents_container #content:not([class]) table td form:first-of-type,
            #main #contents_container #content:not([class]) table td hr:first-of-type {
              margin-top: 0; }
            #main #contents_container #content:not([class]) table th h2:last-child,
            #main #contents_container #content:not([class]) table th h3:last-child,
            #main #contents_container #content:not([class]) table th h4:last-child,
            #main #contents_container #content:not([class]) table th h5:last-child,
            #main #contents_container #content:not([class]) table th p:last-child,
            #main #contents_container #content:not([class]) table th ul:last-child,
            #main #contents_container #content:not([class]) table th ol:last-child,
            #main #contents_container #content:not([class]) table th dl:last-child,
            #main #contents_container #content:not([class]) table th form:last-child,
            #main #contents_container #content:not([class]) table th hr:last-child,
            #main #contents_container #content:not([class]) table td h2:last-child,
            #main #contents_container #content:not([class]) table td h3:last-child,
            #main #contents_container #content:not([class]) table td h4:last-child,
            #main #contents_container #content:not([class]) table td h5:last-child,
            #main #contents_container #content:not([class]) table td p:last-child,
            #main #contents_container #content:not([class]) table td ul:last-child,
            #main #contents_container #content:not([class]) table td ol:last-child,
            #main #contents_container #content:not([class]) table td dl:last-child,
            #main #contents_container #content:not([class]) table td form:last-child,
            #main #contents_container #content:not([class]) table td hr:last-child {
              margin-top: 0;
              margin-bottom: 0; }
          #main #contents_container #content:not([class]) table th h3,
          #main #contents_container #content:not([class]) table td h3 {
            font-size: 150%; }
          #main #contents_container #content:not([class]) table th h4,
          #main #contents_container #content:not([class]) table td h4 {
            font-size: 150%; }
            #main #contents_container #content:not([class]) table th h4:before,
            #main #contents_container #content:not([class]) table td h4:before {
              border-top-color: #2a7ee5; }
          #main #contents_container #content:not([class]) table th ul,
          #main #contents_container #content:not([class]) table th ol,
          #main #contents_container #content:not([class]) table td ul,
          #main #contents_container #content:not([class]) table td ol {
            font-size: 125%; }
            #main #contents_container #content:not([class]) table th ul li:before,
            #main #contents_container #content:not([class]) table th ol li:before,
            #main #contents_container #content:not([class]) table td ul li:before,
            #main #contents_container #content:not([class]) table td ol li:before {
              border-color: transparent transparent transparent #3cbf3c; }
            #main #contents_container #content:not([class]) table th ul a,
            #main #contents_container #content:not([class]) table th ol a,
            #main #contents_container #content:not([class]) table td ul a,
            #main #contents_container #content:not([class]) table td ol a {
              border-bottom-color: #2a7ee5 !important;
              color: #2a7ee5 !important; }
        #main #contents_container #content:not([class]) table th {
          text-align: center;
          vertical-align: middle;
          font-weight: bold; }
        #main #contents_container #content:not([class]) table thead th {
          background: #c8ed9d; }
        #main #contents_container #content:not([class]) table tbody th {
          background: transparent; }
      #main #contents_container #content:not([class]) video {
        display: block;
        border-bottom: 4px solid #3cbf3c;
        width: 100%; }
      #main #contents_container #content:not([class]) form label {
        line-height: 2; }
      #main #contents_container #content:not([class]) form input,
      #main #contents_container #content:not([class]) form select,
      #main #contents_container #content:not([class]) form textarea,
      #main #contents_container #content:not([class]) form button {
        font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; }
        #main #contents_container #content:not([class]) form input::-ms-expand,
        #main #contents_container #content:not([class]) form select::-ms-expand,
        #main #contents_container #content:not([class]) form textarea::-ms-expand,
        #main #contents_container #content:not([class]) form button::-ms-expand {
          display: none; }
      #main #contents_container #content:not([class]) form input[type='text'],
      #main #contents_container #content:not([class]) form input[type='search'],
      #main #contents_container #content:not([class]) form input[type='url'],
      #main #contents_container #content:not([class]) form input[type='email'],
      #main #contents_container #content:not([class]) form input[type='telephone'],
      #main #contents_container #content:not([class]) form input[type='password'],
      #main #contents_container #content:not([class]) form select,
      #main #contents_container #content:not([class]) form textarea {
        margin-bottom: 30px;
        padding: 15px;
        border: 2px solid #e4e4e4;
        border-radius: 5px;
        display: inline-block;
        width: 100%;
        font-size: 100%;
        -webkit-transition: border-color 0.3s;
                transition: border-color 0.3s;
        box-shadow: 0 0 0 0 transparent;
        box-sizing: border-box; }
        #main #contents_container #content:not([class]) form input[type='text']:focus,
        #main #contents_container #content:not([class]) form input[type='text']:hover,
        #main #contents_container #content:not([class]) form input[type='search']:focus,
        #main #contents_container #content:not([class]) form input[type='search']:hover,
        #main #contents_container #content:not([class]) form input[type='url']:focus,
        #main #contents_container #content:not([class]) form input[type='url']:hover,
        #main #contents_container #content:not([class]) form input[type='email']:focus,
        #main #contents_container #content:not([class]) form input[type='email']:hover,
        #main #contents_container #content:not([class]) form input[type='telephone']:focus,
        #main #contents_container #content:not([class]) form input[type='telephone']:hover,
        #main #contents_container #content:not([class]) form input[type='password']:focus,
        #main #contents_container #content:not([class]) form input[type='password']:hover,
        #main #contents_container #content:not([class]) form select:focus,
        #main #contents_container #content:not([class]) form select:hover,
        #main #contents_container #content:not([class]) form textarea:focus,
        #main #contents_container #content:not([class]) form textarea:hover {
          border-color: #9bdb6b; }
        #main #contents_container #content:not([class]) form input[type='text'].error,
        #main #contents_container #content:not([class]) form input[type='search'].error,
        #main #contents_container #content:not([class]) form input[type='url'].error,
        #main #contents_container #content:not([class]) form input[type='email'].error,
        #main #contents_container #content:not([class]) form input[type='telephone'].error,
        #main #contents_container #content:not([class]) form input[type='password'].error,
        #main #contents_container #content:not([class]) form select.error,
        #main #contents_container #content:not([class]) form textarea.error {
          border-color: #ff9f52; }
      #main #contents_container #content:not([class]) form select {
        background: url(../img/icon-arrow.png) 97% 50% no-repeat;
        background-size: auto 30%; }
      #main #contents_container #content:not([class]) form input[readonly] {
        color: #555555;
        background: #e4e4e4; }
        #main #contents_container #content:not([class]) form input[readonly]:focus,
        #main #contents_container #content:not([class]) form input[readonly]:hover {
          border-color: #e4e4e4; }
        #main #contents_container #content:not([class]) form input[readonly]:before {
          content: '>'; }
  #main #side_container {
    background: #inherit;
	 }
    #main #side_container ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #main #side_container ul li {
        margin-top: -1px;
        padding: 4px 0;
		background-color:#fff;
        border-bottom: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
 }
        #main #side_container ul li a {
		  padding: 15px 20px;
          display: block;
          color: #555555;
          font-size: 106.66667%;
          font-weight: bold;
          -webkit-transition: background-color 0.3s;
                  transition: background-color 0.3s; }
          #main #side_container ul li a:hover {
            background: #c8ed9d; }

        #main #side_container ul #side_dl {
          border: 2px solid #e0e0e0;
          background:#ff9f52; }
          #main #side_container ul #side_dl:hover {
            background:#ff7c3b;
            -webkit-transition: background-color 0.3s;
                    transition: background-color 0.3s; }
          #main #side_container ul #side_dl a {
             }
            #main #side_container ul #side_dl a:hover {
              background: #ff7c3b; }

    #main .side_banner {
      text-align: center;
      padding-top: 15px;
      background: transparent;}
    #main .side_banner img {
      width: 100%;
      height: auto; }

/*---------------------------------------------------------------
	Classes
-------------------------------------------------------------- */
/* Text ----------------------------------------*/
.text_left {
  text-align: left !important; }

.text_right {
  text-align: right !important; }

.text_center {
  text-align: center !important; }

.text_lead {
  font-size: 200%; }

.text_caption {
  margin-top: 10px !important;
  line-height: 1.5 !important;
  color: #777777;
  font-size: 80%;
  font-weight: bold; }

.text_em {
  position: relative;
  color: #3cbf3c; }
  .text_em span {
    display: inline-block;
    border-bottom: 1px dotted #3cbf3c; }

.text_link {
  margin-left: 2em;
  border-bottom: 1px dotted #3cbf3c;
  position: relative;
  display: inline-block;
  color: #3cbf3c;
  font-weight: bold; }
  .text_link:before {
    content: '';
    margin-right: 10px;
    position: absolute;
    left: -1em;
    top: 0.7em;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #3cbf3c;
    -webkit-transition: all 0.3s;
            transition: all 0.3s; }
  .text_link:hover {
    color: #9bdb6b;
    border-color: #9bdb6b;
    -webkit-transition: all 0.3s;
            transition: all 0.3s; }
    .text_link:hover:before {
      border-left-color: #9bdb6b; }

.box_link {
  padding: 30px 15px 30px 40px;
  position: relative;
  display: block;
  color: #555555;
  font-size: 106.66667%;
  font-weight: bold;
  background: #c8ed9d;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
          transition: all 0.3s; }
  .box_link:hover {
    background: #9bdb6b; }
  .box_link:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }

.label_note {
  margin: 0 5px;
  padding: 2px 4px;
  border-radius: 3px;
  display: inline;
  line-height: 1;
  color: #fff;
  font-size: 73.33333%;
  text-align: center;
  white-space: nowrap;
  background: #ff9f52; }
	
  #main #contents_container h1.layer2 small span.gr-text { color:#199338; }
.gr-text::before { color:#199338 !important; }
.gr-text::after { color:#199338 !important; }

/* Layout ----------------------------------*/
.m15p {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.left {
  float: left !important; }

.right {
  float: right ; }

.center {
  margin: 0 auto !important; }

.clear {
  clear: both; }

.hide {
  display: none; }

/* Primary Nav ----------------------------------*/
.primary_nav .nav_form {
  border: 1px solid #ed6e1f;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box; }
  .primary_nav .nav_form .search_box,
  .primary_nav .nav_form .search_btn {
    border: 0;
    display: block;
    font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
  .primary_nav .nav_form .search_box {
    padding: 3px 4px 4px;
    line-height: 1.4;
    box-sizing: border-box; }
  .primary_nav .nav_form .search_btn {
    border-radius: 4px;
    position: absolute;
    right: 2px;
    top: 50%;
    width: 30px;
    height: 22px;
    margin-top: -11px;
    background: #ed6e1f;
    cursor: pointer; }
    .primary_nav .nav_form .search_btn:before,
    .primary_nav .nav_form .search_btn:after {
      content: '';
      position: absolute;
      display: inline-block;
      box-sizing: border-box; }
    .primary_nav .nav_form .search_btn:before {
      border: 2px solid #fff;
      border-radius: 50%;
      top: 3px;
      left: 7px;
      width: 14px;
      height: 14px;
      background: transparent; }
    .primary_nav .nav_form .search_btn:after {
      top: 13px;
      left: 19px;
      width: 3px;
      height: 7px;
      background: #fff;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.primary_nav .nav_fontsize {
  margin-top: 7px;
  font-size: 15px; }

  .primary_nav .nav_fontsize p{
    padding: 3px 4px 4px;
    display: inline-block;
    font-size: 93.33333%;
	color:#ed6e1f;
    cursor: pointer;
	font-weight:700;
	/*
    border-radius: 5px;
    line-height: 1;
    background: #ed6e1f;
*/
}
    .primary_nav .nav_fontsize p.current {
      color: #fff;
      background: #ed6e1f;
      cursor: text;
      border-radius: 5px;
    line-height: 1;
 }

.primary_nav .nav_sns a.btn_tw_official {
  padding: 10px;
  border: 2px solid #21afe6;
  border-radius: 10px;
  display: inline-block;
  color: #21afe6;
  font-size: 10px;
  background: #fff;
  box-sizing: border-box; }

.primary_nav .logo_mhlw a {
  display: block; }
  .primary_nav .logo_mhlw a img {
    /*
	height: 45px;
 */
 }

/* Button ----------------------------------------*/
.btn_default,
.btn_primary,
.btn_success {
  margin-bottom: 9px;
  padding: 1em 30px;
  border: 0;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  line-height: 1;
  color: #fff !important;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  box-sizing: border-box; }
  .btn_default:hover,
  .btn_default:active,
  .btn_primary:hover,
  .btn_primary:active,
  .btn_success:hover,
  .btn_success:active {
    position: relative;
    top: 3px; }

.btn_default {
  box-shadow: 0px 4px 0px 0px #777777;
  background: #b0b0b0; }
  .btn_default:hover,
  .btn_default:active {
    box-shadow: 0px 1px 0px 0px #777777; }

.btn_primary {
  box-shadow: 0px 4px 0px 0px #3cbf3c;
  background: #9bdb6b; }
  .btn_primary:hover,
  .btn_primary:active {
    box-shadow: 0px 1px 0px 0px #3cbf3c; }

.btn_success {
  box-shadow: 0px 4px 0px 0px #ff7c3b;
  background: #ff9f52; }
  .btn_success:hover,
  .btn_success:active {
    box-shadow: 0px 1px 0px 0px #ff7c3b; }

.btn_large {
  font-size: 120%; }

.btn_block {
  display: block; }

.btn_w300 {
  width: 300px; }

/* Panel, box ----------------------------------------*/
.panel_default,
.panel_flow,
.panel_primary {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 4px solid #e4e4e4;
  position: relative; }
  .panel_default:first-of-type,
  .panel_flow:first-of-type,
  .panel_primary:first-of-type {
    margin-top: 0; }
  .panel_default:last-child,
  .panel_flow:last-child,
  .panel_primary:last-child {
    margin-top: 0;
    margin-bottom: 0; }

.panel_flow:after {
  margin-left: -30px;
  border: solid transparent;
  border-width: 30px;
  border-top-color: #e4e4e4;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  top: 100%;
  left: 50%; }

.panel_primary {
  margin: 6px 0;
  border-width: 6px;
  border-color: #9bdb6b;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #555555;
  background: #fff;
  box-sizing: border-box; }
  .panel_primary:first-of-type {
    margin-top: 30px; }
  .panel_primary:last-of-type {
    margin-bottom: 30px; }
  .panel_primary .img,
  .panel_primary .ttl,
  .panel_primary .overview {
    display: table-cell;
    vertical-align: middle; }
  .panel_primary .img {
    text-align: center; }
  .panel_primary .ttl h2 {
    font-weight: bold; }
    .panel_primary .ttl h2 small {
      margin-left: 1em;
      display: block;
      color: #3cbf3c; }
  .panel_primary .overview {
    padding-right: 20px;
    font-size: 86.66667%;
    line-height: 160%; }

.box_visual img {
  width: 100%;
}


/* Hr ----------------------------------------*/
hr {
  border: 0;
  height: 2px;
  background: #e5e5e5;
  margin-bottom:30px;
  }
  hr.bold {
    height: 4px;
    background: #b0b0b0; }

  hr.hr_white{
  border: 0;
  height: 2px;
  background: #fff;
  margin-bottom:30px;
}

/* List ----------------------------------------*/
dl.faq dt:before,
dl.faq dd:before {
  position: absolute;
  left: 40px;
  line-height: 1.2;
  font-size: 160%;
  font-weight: bold; }

dl.faq dt:before {
  content: "Q" counter(question);
  color: #3cbf3c; }

dl.faq dd:before {
  content: "A" counter(answer);
  color: #ff7c3b; }

dl.toggles dt,
dl.toggles dd {
  position: relative;
  line-height: 2;
  box-sizing: border-box; }

dl.toggles dt {
  margin: 30px 0 0;
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #fffadf;
  border-radius: 10px;
  counter-increment: question;
  background: #fffadf;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  cursor: pointer; }
  dl.toggles dt :nth-last-child(2) {
    margin-bottom: 0 !important; }
  dl.toggles dt .trigger {
    position: absolute; }
    dl.toggles dt .trigger:before,
    dl.toggles dt .trigger:after {
      content: '';
      position: absolute;
      top: 5px;
      width: 4px;
      height: 20px;
      background: #3cbf3c;
      -webkit-transition: all 0.3s;
              transition: all 0.3s; }
    dl.toggles dt .trigger:before {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      right: 7px; }
    dl.toggles dt .trigger:after {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      right: 19px; }
  dl.toggles dt.current {
    margin-bottom: 0;
    border-color: #e4e4e4;
    border-radius: 10px 10px 0 0;
    background-color: transparent; }
    dl.toggles dt.current .trigger:before,
    dl.toggles dt.current .trigger:after {
      top: 0;
      height: 30px; }
    dl.toggles dt.current .trigger:before {
      -webkit-transform: rotate(225deg);
          -ms-transform: rotate(225deg);
              transform: rotate(225deg);
      right: 14px; }
    dl.toggles dt.current .trigger:after {
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg);
      right: 14px; }

dl.toggles dd {
  border-width: 0 4px 0 4px;
  border-style: solid;
  border-color: #e4e4e4;
  border-radius: 0 0 10px 10px;
  counter-increment: answer;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
          transition: all 0.3s; }
  dl.toggles dd:after {
    content: '';
    position: absolute;
    top: 0;
    left: 40px;
    right: 40px;
    display: block;
    height: 2px;
    background: #e4e4e4; }

dl.toggles dt.current + dd {
  border-width: 0 4px 4px 4px;
  height: auto; }

/* Table ----------------------------------------*/
.table_fixed {
  table-layout: fixed; }

/* Forms parts ----------------------------------------*/
input.checkinput {
  display: none !important; }

label.checklabel {
  margin-right: 5px;
  padding: 17px 15px 15px 45px;
  border: 2px solid transparent;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  line-height: 1 !important;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  vertical-align: middle;
  cursor: pointer; }
  label.checklabel:hover {
    border-color: #9bdb6b; }
    label.checklabel:hover:after {
      border-color: #9bdb6b; }
  label.checklabel:after,
  label.checklabel:before {
    content: '';
    position: absolute;
    display: block; }
  label.checklabel:after {
    margin-top: -10px;
    border: 2px solid #e4e4e4;
    border-radius: 5px;
    top: 50%;
    left: 15px;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
            transition: all 0.3s; }
  label.checklabel:before {
    margin-top: -8px;
    border-right: 3px solid #3cbf3c;
    border-bottom: 3px solid #3cbf3c;
    top: 50%;
    left: 21px;
    width: 5px;
    height: 9px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }

input.checkinput:checked + .checklabel:before {
  opacity: 1; }

/* Pagination ----------------------------------------*/
.pagination {
  text-align: center; }
  .pagination a {
    margin: 2px;
    padding: 0.7em 0.8em;
    border: 2px solid #e4e4e4 !important;
    border-radius: 5px;
    display: inline-block;
    line-height: 1;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
    box-sizing: border-box; }
    .pagination a:hover {
      border-color: #9bdb6b !important; }
    .pagination a.current,
    .pagination a.disabled {
      font-weight: bold;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      pointer-events: none; }
    .pagination a.current {
      color: #b0b0b0;
      background: #e4e4e4; }
    .pagination a.disabled {
      color: #b0b0b0; }

/* secondpage 20170927 ----------------------------------------*/
ul#breadcrumb,ul#breadcrumb li{ list-style-type:none;}
ul#breadcrumb{ margin:0px; padding:0 ;}
ul#breadcrumb li{ display:inline-block;}
ul#breadcrumb li a{ color:#050605; text-decoration:underline;}

div.txt_lead{margin:0 0 20px; padding:20px 0 0;}

/*---------------------------------------------------------------
	Grid
-------------------------------------------------------------- */
.wrapper {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  box-sizing: border-box; }

/*↓add*/
.both_sides_blank {
	max-width: 1000px;
}
/*↑add*/
.wrapper_second {
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  box-sizing: border-box; }

.wrapper:after,.wrapper_second:after,
.row:after {
  content: '';
  display: block;
  clear: both; }

.row {
  margin-top: 30px;
  margin-bottom: 30px; }
  .row:first-of-type {
    margin-top: 0; }
  .row:last-child {
    margin-top: 0;
    margin-bottom: 0; }
  .row .col {
    display: block; }
    .row .col img {
      margin-bottom: 10px;
      display: block;
      max-width: 100%; }
.topics_wrapper {
	/*padding: 20px 76px 76px;*/
	padding: 30px 0 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1230px) {
  .wrapper,.wrapper_second {
    padding: 0 10px; } }

@media (min-width: 768px) {
  .col {
    margin-left: 2% !important; }
  .col:first-child, .col:nth-child(6) {
      margin-left: 0 !important; }
}

@media (min-width: 768px) {
  .column3_1 {
    width: 32%; }
  .column3_2 {
    width: 66%; }
  .grid_1 {
    width: 4.375%; }
  .grid_2 {
    width: 10.75%; }
  .grid_3 {
    width: 33.333%; }
  .grid_4 {
    width: 23.5%; }
  .grid_4-2 {
    width: 20.5%; }
  .grid_5 {
    width: 18.4%; }
  .grid_6 {
    width: 36.25%; }
  .grid_7 {
    width: 42.625%; }
  .grid_8 {
    width: 49.0%; }
  .grid_9 {
    width: 55.375%; }
  .grid_10 {
    width: 61.75%; }
  .grid_11 {
    width: 68.125%; }
  .grid_12 {
    width: 77.5%; }
  .grid_13 {
    width: 80.875%; }
  .grid_14 {
    width: 87.25%; }
  .grid_15 {
    width: 93.625%; }
  .grid_16 {
    width: 100%; } }

.table_wrap {
  margin-bottom: 30px; }
  .table_wrap:last-child {
    margin-bottom: 0; }

/*---------------------------------------------------------------
	Media query SP
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  html {
    -webkit-text-size-adjust: 100%; }
    html.overlay,
    html.overlay body {
      overflow: hidden;
      height: 100%; }
  header .logo_brand { width:45%;}
  header .logo_brand img {
	  width:70%;
/*
   height: 40px;
*/
   width:100%;
    margin: 10px; }
  header .primary_nav {
    display: none; }
  header .primary_navSP{
	  display:block;
	  float:right;
	  margin:0 50px 0 0;
	  }
  header .primary_navSP img{
	  width:40px;
	  padding-top:10px;
	  margin-right:10px;
	  float:left;
	  width: 35px; }

  header nav#global_nav {
    padding: 0 10px 10px;
    width: 100%;
    position: fixed;
    top: 55px;
    right: 0;
    bottom: 100%;
    display: block;
    overflow: scroll;
    background: #fff;
    visibility: hidden;
    -webkit-transition: bottom 0.3s;
            transition: bottom 0.3s;
    z-index: 1000;
    box-sizing: border-box; }
    header nav#global_nav.current {
      bottom: 0;
      visibility: visible;
      z-index: 1100; }
    header nav#global_nav ul {
      height: auto;
      overflow: scroll;
      background: #fff;
	  margin:0 0 10px;
	  text-align:left;
	  width:100%;
       }
      header nav#global_nav ul li {
		  line-height:normal;
		  height:auto;
     　 text-align:left;
        margin: 0;
        border-bottom: 1px solid #ed6d1f;
	  width:85%;
 }
        header nav#global_nav ul li:last-child {
          border-bottom: 0; }
        header nav#global_nav ul li a {
          padding: 15px 0px;
          position: relative;
          display: block;
          color: #555555;
          font-size: 113.33333%;
          font-weight: bold; }
          header nav#global_nav ul li a:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -8px;
            width: 10px;
            height: 10px;
            border-top: 4px solid #ed6d20;
            border-right: 4px solid #ed6d20;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
  #navbar {
    padding: 0;
    border: none;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    background-color:#e5e5e5;
	border-radius:3px;

    z-index: 1001; }
    #navbar span {
      position: absolute;
      top: 15px;
      right: 5px;
      display: inline-block;
      width: 75%;
      height: 4px;
      background: #ed6d20;
	  border-radius: 10px;
      -webkit-transition: background 0.3s;
              transition: background 0.3s;
			   }
      #navbar span:before,
      #navbar span:after {
        content: '';
        position: absolute;
        right: 0;
        display: inline-block;
        width: 100%;
        height: 4px;
        background: #ed6d20;
        border-radius: 10px;

        -webkit-transition: all 0.3s;
                transition: all 0.3s; }
      #navbar span:before {
        top: -8px; }
      #navbar span:after {
        top: 8px; }
    #navbar:after {
      content: 'menu';
      font-size: 10px;
      font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
      font-weight: bold;
      position: absolute;
      bottom: -2px;
      left: 0;
      right: 0;
      color: #ed6d20;
      white-space: nowrap;
	  }
    #navbar.current span {
      background: transparent; }
      #navbar.current span:before,
      #navbar.current span:after {
        top: 0; }
      #navbar.current span:before {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      #navbar.current span:after {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    #navbar.current:after {
      content: 'close'; }
  #main:before {
    content: '';
    border-bottom: 2px solid #e4e4e4;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 1; }
  #main #contents_container ul#topicpath {
    display: none; }
  #main #contents_container #digest {
    padding-top: 10px;
    min-height: 70px; }
    #main #contents_container #digest .img {
      /*width: 40%;
      height: 70px;*/
      width: 30%;
      height: 90px; }
      #main #contents_container #digest .img img {
        height: 100%; }
    #main #contents_container #digest h1 {
      padding: 0 2% 2% 0;
      font-size: 120%; }
/* start 190807*/
    #main #contents_container #digest h1.layer2 {
      font-size: 115%;
      padding: 10px;
      line-height: 1.4;
      text-align: left;
      vertical-align: middle;  }
/* end 190807*/

  #main #contents_container #content {
    padding: 0 10px 30px;
    padding-bottom: 30px; }
    #main #contents_container #content:not([class]) {
      padding: 30px 10px; }
  #main #side_container {
    margin-bottom: 30px; }
    #main #side_container ul li a {
      padding: 15px;
      text-align: center; }
    #main .side_banner img {
      max-width: 300px;
      height: auto; }
  header .primary_nav .sp_hide, #main #contents .sp_hide {
    display: none; }
  .m15p .col {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }
  .primary_nav {
    padding: 0 10px 30px; }
    .primary_nav .control_box,
    .primary_nav .nav_sns,
    .primary_nav .logo_mhlw {
      margin: 30px 0; }
      .primary_nav .control_box:first-child,
      .primary_nav .nav_sns:first-child,
      .primary_nav .logo_mhlw:first-child {
        margin-top: 0; }
      .primary_nav .control_box:last-child,
      .primary_nav .nav_sns:last-child,
      .primary_nav .logo_mhlw:last-child {
        margin-bottom: 0; }
    .primary_nav .nav_form .search_box {
      width: 100%; }
    .primary_nav .nav_sns a {
      width: 100%; }
  .nav_sns:after {
    content: '';
    display: table;
    clear: both; }
  .nav_sns .btn_tw,
  .nav_sns .btn_fb {
    float: left;
    width: 50%; }
    .nav_sns .btn_tw .default,
    .nav_sns .btn_fb .default {
      display: none; }
    .nav_sns .btn_tw .original,
    .nav_sns .btn_fb .original {
      padding: 10px 0;
      color: #fff;
      display: block;
      text-align: center; }
      .nav_sns .btn_tw .original span,
      .nav_sns .btn_fb .original span {
        margin-left: 10px; }
  .nav_sns .btn_tw .original {
    background: #21afe6; }
  .nav_sns .btn_fb .original {
    background: #3b5998; }
  .panel_default,
  .panel_flow {
    padding: 30px; }
    .panel_default .text_ontop,
    .panel_flow .text_ontop {
      margin-top: -40px !important; }
  .panel_primary {
    border-width: 3px; }
    .panel_primary .img {
      width: 90px;
      height: 80px; }
      .panel_primary .img img {
        width: 90%; }
    .panel_primary .ttl h2 {
      font-size: 93.33333%; }
      .panel_primary .ttl h2 small {
        font-size: 85%; }
    .panel_primary .overview {
      display: none; }
  dl.toggles dt {
    padding: 30px 60px 30px 30px; }
    dl.toggles dt .trigger {
      top: 30px;
      right: 30px; }
  dl.toggles dd {
    padding: 0 30px 0; }
  dl.toggles dt.current + dd {
    padding: 30px; }
    dl.toggles dt.current + dd:after {
      left: 30px;
      right: 30px; }
  dl.faq dt:before,
  dl.faq dd:before {
    margin-bottom: 10px;
    position: relative;
    left: 0;
    display: block; }
  dl.faq dt {
    padding: 30px; }
  .table_wrap {
    margin-bottom: 30px;
    overflow-x: scroll;
    overflow-y: auto; }
    .table_wrap:last-child {
      margin-bottom: 0; }
    .table_wrap::-webkit-scrollbar {
      height: 5px; }
    .table_wrap::-webkit-scrollbar-track {
      background: #e4e4e4; }
    .table_wrap::-webkit-scrollbar-thumb {
      background: #b0b0b0; }
    .table_wrap table {
      min-width: 700px; }
  label.checklabel {
    margin-bottom: 0; }
  .row .col {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%; }

/*pickupここから スマホ*/

.box_left-orange dl dt {
	font-size:90%;
	font-weight:700;
	display: block;
	width: 100%;
	padding-right:3%;
	vertical-align: middle;
	margin-bottom: 0;
	height: 100px;
}

.box_left-orange dl dd {
	display: block;
	vertical-align: middle;
	text-align: right;
}
.box_left-orange dl dd img {
	margin-bottom: 10px !important;
}
  .pickup_left {
  	width: 49% !important; float: left;}
  .pickup_right {
    width: 49% !important; float: right;}
/*pickupここまで スマホ*/

/*動画検索 スマホ*/
  .filter_btn_col {
  	width: calc(50% - 10px) !important; height: calc(50% - 10px); float: left;}
  .filter_btn {
  	width: 100% !important; height: 100%;}
  .mv-grid-item{
    width: auto !important; height: auto !important; margin-bottom: 30px;}
  .mv-grid-item img{
    width: 100% !important; height: auto;}
/*動画検索ここまで スマホ*/

footer {
	background-color:#fff;
	border-top:1px solid #e5e5e5; }
    footer .primary_nav {
      background: #fff; }

footer ul.footer_bnr{ display:none;
}
#footer_nav .row{
	text-align:center;
	margin:0 10px 15px;}

nav#footer_nav .row .grid_4 {
    width: 48.0%;
	float:left;
	text-align:center; }

nav#footer_nav .row .grid_4 {
}

#footer_nav .grid_4 img{ width:100%;}

 .area_piup .col{
    margin-left: 2% !important;
	width:auto;}

#footer_nav .col {
    margin-left: 4% !important;
	width:auto;}
 .area_piup .col:first-child{
      margin-left: 0 !important; }
#footer_nav .col:nth-child(odd)	{
      margin-left: 0 !important; }

footer .primary_nav{	border-top:#e5e5e5 dotted 1px; margin:0 10px 10px; padding-bottom:0 !important;

}

footer .primary_nav .control_box{
	float:right;
	width:48%;
	margin-bottom:0;
	padding: 5% 10px 0 10px;
	}

footer .primary_nav div.logo_mhlw{ float:left; width:40%;
	margin:0px;
	padding:10px 0 0; }

footer .primary_nav div.logo_mhlw img{ width:100%;}

footer div#footer_btm{
	width:100%;
	background-color:#e5e5e5;
	padding-top:20px;
}
footer nav#footer_nav ul#footer_list li {
	margin-bottom: 10px;
	margin-left: 10px;
}
footer nav#footer_nav ul#footer_list a{
		color:#000;
		text-decoration:none;
		background-image:url(../img/icon_arrow.png);
		background-repeat:no-repeat;
		background-position: left center;
		/*background-size:25px;*/
		padding:3px 10px 3px 30px;
		font-size:75%;
}

hr.hr_white{ display:none;}

footer div#footer_btm ul{
	text-align:left;
	margin:0 0 30px;}

footer div#footer_btm p#copy,footer div#footer_btm ul.left{
	float:none;}

footer #copy {
    font-size: 70%;
	text-align:center;
	margin:0 auto;
	padding-bottom: 50px;
	 }


h2.ttl_center{
	margin:0 0 10px;
	font-size: 100% !important;
}

.box_visual div.main_pc{ display:none !important;}
.box_visual div.main_sp{ display:block !important;}

.sp_hide{ display:none;}
.pctab_hide{ display:block;}

br.tab_none{ display:block;}

/* index SP ----------------------------------------*/
.box_left-orange{
			height:auto;
}

.box_left-orange dl,.box_left-orange div.img_menubox{ float:none; width:100%;}

.box_left-orange dt{font-size:100%;}


.bg_leftorange .box_left-orange{ height:inherit !important; padding: 5px;}

table.news,table.news tbody,table.news tr,table.news th,table.news td
{
 display: block;
 max-width: 98%;
 margin: 0 auto; }
#main #contents_container .news_scroll {
    height: 374px !important; 
    overflow: auto;
}
#main #contents_container .news_scroll::-webkit-scrollbar {
    width: 5px;
}
#main #contents_container .news_scroll::-webkit-scrollbar-thumb {
    background: #e3dddd;
    border-radius: 2px;
}
table.news {
	max-width: 100%;
}
table.news th{ text-align:left;}
     .row .col:first-of-type {
      margin-top: 0;
      margin-bottom: 0; }
    .row .col:last-child {
      margin-top: 0;
      margin-bottom: 0; }

 .box_visual img {
  width: 100%;
  padding-top:0px; }


 .area_piup .row .grid_8{
    width: 49.0%;
	float:left; }

/* secondpage SP ----------------------------------------*/

ul#breadcrumb{ display:none; }

.box_left-pink,.box_left-blue,.box_left-yellow{
			height:auto;
}

.box_left-pink dt,.box_left-blue dt,.box_left-yellow dt{font-size:110%;}

.box_left-pink dd,.box_left-blue dd,.box_left-yellow dd{ display:none;}

.box_left-pink dl dt div,
.box_left-blue dl dt div,
.box_left-yellow dl dt div { display:none;}

 }

/*---------------------------------------------------------------
	Media query Tab
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1001px) {
  body {
    background: #fff; }
  header {
    padding-top: 30px;
    position: relative; }
    header .logo_brand {
      margin-bottom: 20px; }
      header .logo_brand img {
		  width:50%;
        /*
		height: 50px;
		*/ }
    header nav#global_nav {
  	  background-color:#e5e5e5;	}
   header nav#global_nav ul.second_gn{ margin-bottom:20px;}

	header nav#global_nav ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: space-between;
				 }
        header nav#global_nav ul li {
          display: inline-block;
          font-size: 15px; }
        header nav#global_nav ul li a {
            padding: 0 0 7px;
            display: inline-block;
            color: #555555;
            font-size: 93.33333%;
            font-weight: bold;
 }

  header .primary_navSP{
	  display:none;
  }

   #main #contents_container {
	   /*
    float: right;
	*/ }

	#main .third_layer {
    float: right; }

  footer {
    padding: 30px 0; }
    footer .primary_nav {
      display: none; }
    footer nav#footer_nav {
      margin-bottom: 30px; }
      footer nav#footer_nav ul.footer_bnr li {
        margin: 0 15px;
		background-image:url(../img/icon_arrow.png);
		background-repeat:no-repeat;
		padding:0 0 0 32px;
		 }
     footer nav#footer_nav ul#footer_list li a {
	  color:#000;
	  text-decoration:none;
  	  background-image:url(../img/icon_arrow.png);
	  background-repeat:no-repeat;
	  padding:0 10px 0 25px;

 }
/*↓add*/
.box_visual div.main_pc img {
 	margin-top: 10px;
}
.clear_both {
	clear: both;
	padding-top: 20px;
}
/*↑add*/
  #navbar {
    display: none; }
    #main #contents_container #digest {
      min-height: 200px;
      table-layout: fixed; }
      #main #contents_container #digest .img {
        padding-left: 10px;
        height: 200px;
        box-sizing: border-box; }
        #main #contents_container #digest .img img {
          max-width: 100%;
          max-height: 200px; }
      #main #contents_container #digest h1 {
        font-size: 173.33333%; }
    #main #contents_container #content {
      padding-bottom: 76px; }
      #main #contents_container #content:not([class]) {
        padding: 30px; }
  #main #side_container {
    margin-left: 0;
    margin-bottom: 76px; }
    #main #side_container ul li a {
      padding: 15px 20px; }
    #main .side_banner img {
      width: 100%;
      height: auto; }
  #main #contents_container .pctab_hide,header .primary_nav .pctab_hide {
    display: none; }
  .primary_nav {
    position: absolute;
    top: 0;
    right: 10px;
	width:66%;}
    .primary_nav .control_box,
    .primary_nav .nav_sns,
    .primary_nav .logo_mhlw {
      float: left;
      margin-left: 10px;
	  width:23%; }
	    .primary_nav .control_box img,
    .primary_nav .nav_sns img,
    .primary_nav .logo_mhlw img{ width:100%;}


    .primary_nav .nav_form .search_box {
      width: 10%; }
    .primary_nav .nav_fontsize {
      text-align: right;
	  font-size:10px;
	  margin-top:0; }
    .primary_nav .nav_sns a {
      padding: 14px 0; }
    .primary_nav .logo_mhlw a {
      padding: 8px 0 7px; }
  .nav_sns .btn_tw,
  .nav_sns .btn_fb {
    display: inline-block; }
    .nav_sns .btn_tw .original,
    .nav_sns .btn_fb .original {
      display: none; }
  .panel_default,
  .panel_flow {
    padding: 40px; }
    .panel_default .text_ontop,
    .panel_flow .text_ontop {
      margin-top: -50px !important; }
  .panel_primary .img {
    width: 35%;
    height: 150px; }
    .panel_primary .img img {
      width: 90%; }
  .panel_primary .ttl {
    padding: 10px; }
  .panel_primary .ttl h2 {
    font-size: 146.66667%; }
    .panel_primary .ttl h2 small {
      font-size: 82%; }
  .panel_primary .overview {
    display: none; }
  dl.toggles dt {
    padding: 40px 100px 40px 40px; }
    dl.toggles dt .trigger {
      top: 40px;
      right: 40px; }
  dl.toggles dd {
    padding: 0 40px 0; }
  dl.toggles dt.current + dd {
    padding: 40px; }
  dl.faq dt {
    padding: 40px 100px; }
  dl.faq dd {
    padding: 0 100px 0; }
  dl.faq dt.current + dd {
    padding: 40px 100px; }
  .table_wrap {
    margin-bottom: 30px; }
    .table_wrap:last-child {
      margin-bottom: 0; }
  label.checklabel {
    margin-bottom: 30px; }
  .pagination {
    text-align: center; }
  .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .row .col {
      float: left; }
.pickup_right {
    height: 151px !important;
}
br.tab_none{ display:none;}
footer div#footer_btm ul li a { color: #000; }
/* index */
.box_visual div.main_pc{ display:block;}
.box_left-orange{
			height:151px;
}

.box_left-orange dt{font-size:110%;}



/*	second TAB
-------------------------------------------------------------- */

.box_left-pink,.box_left-blue,.box_left-yellow{
			height:auto;
}

.box_left-pink dt,.box_left-blue dt,.box_left-yellow dt{font-size:110%;}

	   }

/*---------------------------------------------------------------
	Media query PC
-------------------------------------------------------------- */
@media screen and (min-width: 1002px), print {
  body {
    background: #fff; }
  header {
    padding-top: 30px;
    position: relative; }
    header .logo_brand {
      margin-bottom: 20px;
	  width:24%;}
      /*
	  header .logo_brand img {
		width: 78%;    }
 */
 header .logo_brand img{ width:100%;}

	header nav#global_nav {
	  background-color:#e5e5e5;
	}
      header nav#global_nav ul {
		  height:40px;
		  text-align:center;
        /*
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
        justify-content:center;
		-webkit-justify-content:space-around;
        */
 }

 header nav#global_nav ul.second_gn{ margin-bottom:20px;}
        header nav#global_nav ul li {
          display: inline-block;
          font-size: 15px;
		  text-align:center;
 }
          header nav#global_nav ul li a {
		    line-height:37px;
            padding: 0;
			margin-bottom:0;
            display: inline-block;
            color: #555555;
            font-size: 93.33333%;
            font-weight: bold;
 }

		   header nav#global_nav ul li a:hover {
              border-bottom: 3px solid #ed6d20;
              border-bottom-color: #ed6d20;
              color: #ed6d20;
			  -webkit-transition: border-bottom 0.3s, color 0.3s;
              transition: border-bottom 0.3s, color 0.3s; }

		  header nav#global_nav ul li a:hover:after {
			border-top: 0;
			border-bottom: solid 10px #ed6d20;
			border-left: solid 10px transparent;
			border-right: solid 10px transparent;
			width: 0;
			height: 0;
			content: '';
			position: absolute;
		   right:0px;
		   bottom:0px;
		   left:0px;
		   margin:auto auto 0;
}

  header .primary_navSP{
	  display:none;
}
  .primary_nav .logo_mhlw a img {

	height: 45px;
 }

  header nav#global_nav ul li a.stay {
    border-bottom: 3px solid #ed6d20;
    border-bottom-color: #ed6d20;
    color: #ed6d20;
    /*-webkit-transition: border-bottom 0.3s, color 0.3s;
    transition: border-bottom 0.3s, color 0.3s;*/
  }

  header nav#global_nav ul li a.stay:after {
    border-top: 0;
    border-bottom: solid 10px #ed6d20;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    right:0px;
    bottom:0px;
    left:0px;
    margin:auto auto 0;
  }


  footer {
    padding: 30px 0; }
    footer .primary_nav {
      display: none; }
    footer nav#footer_nav {
      margin-bottom: 30px;
	  text-align:left;
	   }

	   footer nav#footer_nav ul#footer_list li a{
	  color:#000;
	  text-decoration:none;
  		background-image:url(../img/icon_arrow.png);
		background-repeat:no-repeat;
		padding:0 10px 0 30px;
		}
.clear_both {
	clear: both;
	padding-top: 20px;
}
  #navbar {
    display: none; }

  #main #contents_container {
   /* float: right; */ }

	#main .third_layer {
    float: right; }

    #main #contents_container #digest {
      min-height: 200px;
      table-layout: fixed; }
      #main #contents_container #digest .img {
        padding-left: 10px;
        height: 200px;
        box-sizing: border-box; }
        #main #contents_container #digest .img img {
          max-width: 100%;
          max-height: 200px; }
      #main #contents_container #digest h1 {
        /*font-size: 200%;*/
        font-size: 180%; }
    #main #contents_container #content {
      padding-bottom: 76px; }
      #main #contents_container #content:not([class]) {
        padding:20px 76px 200px; }
   #main #contents_container .pctab_hide,header .primary_nav .pctab_hide {
    display: none; }
  .primary_nav {
    position: absolute;
    top: 0;
    right: 10px; }
    .primary_nav .control_box,
    .primary_nav .nav_sns,
    .primary_nav .logo_mhlw {
      margin-left: 10px;
      float: left; }
    .primary_nav .nav_form .search_box {
      width: 180px; }
    .primary_nav .nav_fontsize {
      text-align: right; }
    .primary_nav .nav_sns a {
      padding: 0x; }
    .primary_nav .logo_mhlw a {
      padding: 8px 0 7px; }
  .nav_sns .btn_tw,
  .nav_sns .btn_fb {
    display: inline-block; }
    .nav_sns .btn_tw .original,
    .nav_sns .btn_fb .original {
      display: none; }
  .panel_default,
  .panel_flow {
    padding: 40px; }
    .panel_default .text_ontop,
    .panel_flow .text_ontop {
      margin-top: -50px !important; }
  .panel_primary .img {
    height: 130px; }
    .panel_primary .img img {
      max-width: 180px;
      max-height: 130px; }
  .panel_primary .img,
  .panel_primary .overview {
    width: 30%; }
  .panel_primary .ttl h2 {
    font-size: 146.66667%; }
    .panel_primary .ttl h2 small {
      font-size: 82%; }
  dl.toggles dt {
    padding: 40px 100px 40px 40px; }
    dl.toggles dt .trigger {
      top: 40px;
      right: 40px; }
  dl.toggles dd {
    padding: 0 40px 0; }
  dl.toggles dt.current + dd {
    padding: 40px; }
  dl.faq dt {
    padding: 40px 100px; }
  dl.faq dd {
    padding: 0 100px 0; }
  dl.faq dt.current + dd {
    padding: 40px 100px; }
  .table_wrap {
    margin-bottom: 30px; }
    .table_wrap:last-child {
      margin-bottom: 0; }
  label.checklabel {
    margin-bottom: 30px; }
  .pagination {
    text-align: center; }
  .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .row .col {
      float: left; } }

.fb_iframe_widget_lift {
  right:0;
}

#main #contents_container .news_scroll {
    height: 242px;
    overflow-y: scroll;
}

#main #contents_container .news_scroll::-webkit-scrollbar {
    width: 8px;
    background: #fff;
}

#main #contents_container .news_scroll::-webkit-scrollbar-thumb {
    background: #e3dddd;
    border-radius: 5px;
}

#main #contents_container table.news{
	background-color:#fff;
	width:100%;
	border-collapse:separate;
	border-spacing:10px;
}

#main #contents_container table.news td{
  border-bottom: 1px dashed #e5e5e5;
  color: #ed6d20;
  padding:5px 10px
   }

#main #contents_container table.news h5.event:after{
	margin:0 0 0 15px;
    content:" ";
    display:inline-block;
    width:92px;
    height:20px;
    background:url(../img/index/icon_event.png) ;
	background-repeat:no-repeat;
    background-size:contain;
    vertical-align:middle;
}

#main #contents_container table.news h5.notice:after{
	margin:0 0 0 15px;
    content:" ";
    display:inline-block;
    width:92px;
    height:20px;
    background:url(../img/index/icon_notice.png) ;
	background-repeat:no-repeat;
    background-size:contain;
    vertical-align:middle;
}


#main #contents_container #content a.track_dl_str {
  border-bottom: 1px dotted #3cbf3c;
  color: #3cbf3c;
  font-weight: bold; }
  #main #contents_container #content a.track_dl_str:hover {
    border-bottom: 1px dotted #9bdb6b;
    color: #9bdb6b; }
/* common20170926追加 ----------------------------------------*/
h2.ttl_center{
	text-align:center;
	margin:0 0 14px;
	font-size:150%;
	font-weight:700;

	}
br.tab_none{ display:block;}

/* index ----------------------------------------*/

.box_visual div.main_pc{ display:block ;}
.box_visual div.main_sp{ display:none}


div.bg_leftorange{
	background-image:url(../img/index/arrow_left.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:transparent;
}


.box_left-orange{
	margin:0 0 0 24px;
	padding:10px 10px 10px 18px;
	border:1px solid #e5e5e5;
	background-color:#fff;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			min-height: 213px;
			height:135px;
}
.top .box_left-orange {
    background-color:#ffe5d6;
}

.box_left-orange a dl{ color:#555;}

.box_left-orange dl {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}


.box_left-orange dl dt {
	font-size:110%;
	font-weight:700;
	display: table-cell;
	width: 44%;
	padding-right:3%;
	vertical-align: middle;
	margin-bottom: 0;
}


.box_left-orange dl dt p {
	padding-top: 20px;
	font-size: 15px;
}


.box_left-orange dl dd {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}


.box_left-orange dl dd img {
	margin-bottom: 0 !important;
}

/* second ----------------------------------------*/

div.bg_leftpink{
	background-image:url(../img/jinji/arrow_left.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:transparent;
}

div.bg_leftblue{
	background-image:url(../img/manager/arrow_left.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:transparent;
}


div.bg_leftyellow{
	background-image:url(../img/worry/arrow_left.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:transparent;
}


.box_left-pink,.box_left-blue,.box_left-yellow{
	margin:0 0 0 24px;
	padding:10px 10px 10px 18px;
	border:1px solid #e5e5e5;
	background-color:#fff;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			height:140px;
}



/* hiroshige add */
.box_left-pink a dl,
.box_left-blue a dl,
.box_left-yellow a dl{ color: #555555;}

.box_left-pink dl,
.box_left-blue dl,
.box_left-yellow dl {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}

.box_left-pink dl dt,
.box_left-blue dl dt,
.box_left-yellow dl dt {
	font-size:110%;
	font-weight:700;
	display: table-cell;
	width: 75%;

	max-width:305px;
	padding-right:3%;
	vertical-align: middle;
	margin-bottom: 0;
}

.box_left-pink dl dt div,
.box_left-blue dl dt div,
.box_left-yellow dl dt div {
	padding-top: 20px;
	font-size: 15px;
	max-width:310px;
	overflow:hidden;
}

.box_left-pink dl dd,
.box_left-blue dl dd,
.box_left-yellow dl dd {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.box_left-pink dl dd img,
.box_left-blue dl dd img,
.box_left-yellow dl dd img {
	margin-bottom: 0 !important;
}
/* hiroshige add end */

#main.page_worry #contents_container #digest {background: #fff8ce;  border:2px solid #ecdb7e;}
#main.page_worry #contents_container #digest h1.layer2 small { color:#bc6313; }
#main.page_manager #contents_container #digest {background: #edf8ff; border:2px solid #b1d8f3;}
#main.page_manager #contents_container #digest h1.layer2 small { color:#3776a1; }
#main.page_jinji #contents_container #digest {background: #fff6f9; border:2px solid #f3b1bf;}
#main.page_jinji #contents_container #digest h1.layer2 small { color:#b65368; }

.news a {
    border-bottom: 0px dotted #3cbf3c;
        color: #000000;
}
/*↓add*/
@media only screen and (max-width: 767px) {
	.area_menu {
		margin-bottom: 30px;
	}
	.box_left-orange {
		min-height: 124px !important;
	}
	.box_left-orange dl {
		height: auto;
	}
	.box_left-orange dl dt {
	    font-size: 90%;
	    font-weight: 700;
	    display: block;
	    width: 100%;
	    padding-right: 3%;
	    vertical-align: middle;
	    margin-bottom: 0;
	    height: auto;
	}
	.box_left-orange dl dd {
		display: block;
	}

	.box_left-orange dl dd img {
		margin-bottom: 5px !important;
	}
	.box_left-orange dl dd:first-child img {
		padding-top: 20px;
	}
	.box_left-orange dl dt p {
		font-size: 80%;
		padding-top: 0;
	}
	.box_visual div.main_pc img {
	 	margin-top: 0;
	}
/*
	#footer_nav .row .col:nth-of-type(odd) {
		margin-right: 2%;
	}
*/
	#footer_nav .row .col {
		width: 50%;
		height: 63px;
		float: left;
		margin-left: 0 !important;
	}
	#footer_nav .row .col a img {
		width: 94%;
	}
	#pageTop a i img {
		width: 50px;
		height: 50px;
	}
	.row .col .box_left-orange a dl dd img {
		margin-top: 10px;
		/*width: 95%;*/
	}
	.box_left-pink, .box_left-blue, .box_left-yellow {
		height: auto;
		padding: 8px 8px 8px 10px;
	}
	.box_left-pink dl dt, .box_left-blue dl dt, .box_left-yellow dl dt {
		font-size: 82%;
	}
	.txt_lead {
		font-size: 71%;
	}
	.topics_wrapper {
		padding: 20px 10px 30px;
	}
	.topics_wrapper .box_left-orange dl dt {
		display: table-cell;
		height: 90px;
	}
	
}/*max-width: 767px*/
/*↑add*/


#main.page_worry #contents_container .btn_primary {box-shadow: 0px 4px 0px 0px #f1b305; background: #e8ca1e; }
#main.page_worry #contents_container .btn_primary:hover,
#main.page_worry #contents_container .btn_primary:active {box-shadow: 0px 1px 0px 0px #f1b305; }
#main.page_manager #contents_container .btn_primary {box-shadow: 0px 4px 0px 0px #2396e7; background: #9bd1f7; }
#main.page_manager #contents_container .btn_primary:hover,
#main.page_manager #contents_container .btn_primary:active {box-shadow: 0px 1px 0px 0px #2396e7; }
#main.page_jinji #contents_container .btn_primary {box-shadow: 0px 4px 0px 0px #ec5776; background: #f7c3cf; }
#main.page_jinji #contents_container .btn_primary:hover,
#main.page_jinji #contents_container .btn_primary:active {box-shadow: 0px 1px 0px 0px #ec5776;}

/*top 日本で働くあなたへ add*/
.pc-none {
    display: none;
}
.sp-none {
    display: block;
}
.orange_line_wrap {
    background-color: #ee6d20;
    margin: 30px 0 30px 0!important;
    padding-bottom: 15px;
    position: relative;
    cursor:pointer;
}

.orange_line_wrap:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.orange_line_wrap.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
}

.orange_line {
    color: #fff;
    font-size: 150%;
    font-weight: 700;
}

.orange_line_wrap img {
    vertical-align: middle;
    margin: 10px 20px;
}
/*.orange_line span {
    vertical-align: middle;
    color: #fff;
}*/
.orange_line_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orange_line_country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    list-style: none;
    margin: 10px auto;
    width: 70%;
    background-color: #fff;
    border-radius: 40px;
    font-weight: 700;
}
.orange_line_country img {
    margin: 0;
}
.orange_line_country li {
    margin: 10px;
    padding-right: 10px;
}

.top_foreigner_wrapper {
    padding: 30px 0;
    margin-bottom: 40px;
    background-color: #fff;
    display: none;
    margin-top: -30px;
}
.box_left-orange-foreigner {
    margin: 0 0 0 24px;
    padding: 10px 10px 10px 18px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 130px;
}
.top .box_left-orange-foreigner {
    background-color:#ffe5d6;
}
.box_left-orange-foreigner a dl{ color:#555;}

.box_left-orange-foreigner dl {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}


.box_left-orange-foreigner dl dt {
	font-size:110%;
	font-weight:700;
	display: table-cell;
	width: 20%;
	padding-right:3%;
	vertical-align: middle;
	margin-bottom: 0;
}
.box_left-orange-foreigner dl dt:nth-child(2) {
    width: 40%;
}
.box_left-orange-foreigner dl dd {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
    font-weight: bold;
}


.box_left-orange-foreigner dl dd img {
	margin-bottom: 0 !important;
}

.foreigner-box-wrap {
    height: 130px!important;
    width: 530px;
    word-break: keep-all;
}
.foreigner-box-wrap:nth-child(2) {
    margin-left: 2%;
    margin-right: 4.5%
}
.foreigner-box-wrap:first-child {
    margin-left: 4.5%;
    word-break: normal;
}
.nullnull {
    height: 130px;
    width: 530px;
    margin-right: 4.5%;
    margin-left: 2%;
}


@media only screen and (max-width: 930px) {
    .orange_line {
        font-size: 120%;
        margin: 10px 20px 10px 0;
    }
    .nullnull {
        display: none;
        height: 0;
    }
    .top_foreigner {
        display: block;
        margin: 0;
    }
    .foreigner-box-wrap {
        margin: 10px auto!important;
    }
    .box_left-orange-foreigner {
        width: calc(100% - 24px);
    }
    .orange_line_country {
      width: 85%;
    }
    .orange_line_country li {
      font-size: 80%;
    }
}

@media only screen and (max-width: 600px) {
    .foreigner-box-wrap {
        width: 100%;
    }
    .orange_line_country li {
      font-size: 60%;
      padding-right: 0;
      margin-right: 5px;
      margin-left: 5px;
    }
}

@media only screen and (max-width: 450px) {
    .pc-none {
        display: block;
    }
    .sp-none {
        display: none;
    }
    .top_foreigner_wrapper {
        padding: 0;
        background-color: transparent;
        margin-bottom: 15px;
    }
    .orange_line_wrap {
        margin-top: 15px!important;
        margin-bottom: 15px!important;
        padding-bottom: 5px;
    }
    .orange_line {
        font-size: 80%;
        margin-top: 15px;
    }
    .orange_line_wrap img {
        width: 40px;
        margin: 10px 12px;
    }
    .foreigner-box-wrap {
        height: 75px!important;
    }
    .box_left-orange-foreigner {
        padding: 8px;
        height: 75px;
    }
    .box_left-orange-foreigner dl dt {
        padding-right: 2%;
    }
    .box_left-orange-foreigner dl dt img {
        width: 45px;
    }
    .usa-img {
        width: 91px!important;
    }
    .box_left-orange-foreigner dl dd {
        font-size: 60%;
    }
    .hr-orange {
        margin-bottom: 0;
    }
    .orange_line_country {
      margin: 5px auto;
      width: 75%;
      padding: 0 10px;
    }
    .orange_line_country li {
      text-align: center;
      line-height: 1;
      margin-right: 0;
    }
    .orange_line_country img {
      width: 20px;
      margin: 2px 6px;
    }
    .orange_line_country li:nth-child(2) img {
      width: 40px;
      margin-bottom: 4px;
    }
    .top_foreigner_wrapper {
      margin-top: -15px;
    }
    .orange_line_wrap:after {
      top: 40%;
      right: 20px;
    }
    .orange_line_wrap.open:after {
      top: 45%;
    }

}
/*top 日本で働くあなたへ addend*/

/* ▼ アンケートフォーム ▼ */
.enquete_form .show {
  display: block !important;
}
.enquete_form .error-message,
.enquete_form .alert-message {
  color: red;
}
#main #contents_container #content:not([class]) .enquete_form  form input[type='text'],
#main #contents_container #content:not([class]) .enquete_form  form select {
  margin-bottom: 0;
}
.enquete_form .question_wrapper {
  margin-bottom: 30px;
}
.enquete_form .question:not(.radio, .chechbox) {
  display: block;
  font-weight: bold;
  margin-top: 30px;
}
.enquete_form .radio,
.enquete_form .checkbox {
  position: relative; /* ボックスの位置を指定する */
  padding: 0 0 0 35px; /* ボックス内側の余白を指定する */
}
.enquete_form .radio::after, .enquete_form .radio::before {
  position: absolute; /* ボックスの位置を指定する */
  content: ""; /* ボックスのコンテンツ */
  display: block; /* ブロックレベル要素化する */
  top: 15px; /* 上部から配置の基準位置を決める */
}
.enquete_form .radio::after {
  left: 15px; /* 左から配置の基準位置を決める */
  margin-top: -10px; /* チェック枠の位置 */
  width: 16px; /* ボックスの横幅を指定する */
  height: 16px; /* ボックスの高さを指定する */
  border: 2px solid #ccc; /* ボックスの境界線を実線で指定する */
  border-radius: 50%; /* ボックスの角丸を指定する */
}
.enquete_form .radio::before {
  left: 20px; /* 左から配置の基準位置を決める */
  margin-top: -5px; /* チェックマークの位置 */
  width: 10px; /* ボックスの横幅を指定する */
  height: 10px; /* ボックスの高さを指定する */
  background: #9bdb6b;/* ボックスの背景色を指定する */
  border-radius: 50%; /* ボックスの角丸を指定する */
  opacity: 0; /* 要素を透過指定する */
}
.enquete_form .radio.selected::before {
  opacity: 1; /* 要素を表示する */
}

.enquete_form div:not(.disabled) > .checkbox:hover::after {
  border-color: #9bdb6b; /* ボックスの境界線を実線で指定する */
}
.enquete_form .checkbox::after, .enquete_form .checkbox::before{
  position: absolute; /* ボックスの位置を指定する */
  content: ""; /* ボックスのコンテンツ */
  display: block; /* ブロックレベル要素化する */
  top: 50%; /* 上部から配置の基準位置を決める */
}
.enquete_form .checkbox::after {
  left: 15px; /* 左から配置の基準位置を決める */
  margin-top: -10px; /* チェック枠の位置 */
  width: 15px; /* ボックスの横幅を指定する */
  height: 15px; /* ボックスの高さを指定する */
  border: 2px solid #ccc; /* ボックスの境界線を実線で指定する */
  border-radius: 6px; /* ボックスの角丸を指定する */
}
.enquete_form .checkbox::before {
  left: 21px; /* 左から配置の基準位置を決める */
  margin-top: -7px; /* チェックマークの位置 */
  width: 5px; /* ボックスの横幅を指定する */
  height: 9px; /* ボックスの高さを指定する */
  border-right: 3px solid #9bdb6b; /* 境界線（右）のスタイルを指定する */
  border-bottom: 3px solid #9bdb6b; /* 境界線（下）のスタイルを指定する */
  transform: rotate(45deg); /* 要素を回転させる */
  opacity: 0; /* 要素を透過指定する */
}
.enquete_form .selected::before {
  opacity: 1; /* 要素を表示する */
  z-index: 1;
}
.enquete_form .mail-before-attachment {
  display: block;
}
.enquete_form label[for="MessageQuestion05-2"] {
  margin-top: -30px;
  display: block;
}
.enquete_form label[for^="MessageQuestion"]:not(.radio, .checkbox) {
  font-weight: bold;
}
.enquete_form .disabled > label::after {
  background-color: #F8F8F8;
}
.enquete_form .btn_primary[disabled="disabled"] {
  background: #e4e4e4;
  box-shadow: 0px 1px 0px 0px #F8F8F8;
  top: 0;
  cursor: auto;
}
/* ▲ アンケートフォーム ▲ */