@charset "UTF-8";
@media screen and (min-width: 481px)　;
@media screen and (max-width: 480px)　;
/* ------------------------- Reset ------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}





ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
  box-sizing: border-box;
}
html {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #434343;
 background-image: linear-gradient(0deg, transparent 31px, #67B4C6 32px), linear-gradient(90deg,  transparent 31px, #67B4C6 32px);
background-size: 32px 32px;       
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  display: block;
}
div {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

h7 {
  padding: 5px 5px;
  list-style: none;
  background-color:#5d462e;
}
a, a i {
  text-decoration: none;
  outline: none;
  color: #3a3a3c;
  transition: color .1s ease-in-out;
}
a img {
  display: block;
  outline: none;
}
img {
  transition: opacity .1s ease-in-out;
  outline: none;
}
a:focus, a:active, input, textarea {
  outline: none;
}
a:hover, a:hover img  {
	opacity: 0.8;
}

.link-underline {
    text-decoration: underline;
}

.NotoSans {
    font-family: 'Noto Sans JP', sans-serif !important;
}
.fw200-extra-light {
  font-weight: 200 !important;
}
.fw300-light {
  font-weight: 300 !important;
}
.fw400-regular {
  font-weight: 400 !important;
}
.fw500-medium {
  font-weight: 500 !important;
}
.fw600-semi-bold {
  font-weight: 600 !important;
}
.fw700-bold {
  font-weight: 700 !important;
}
.fw900-black {
  font-weight: 900 !important;
}
.fz10px {
  font-size: 1rem !important;
}
.fz11px {
  font-size: 1.1rem !important;
}
.fz12px {
  font-size: 1.2rem !important;
}
.fz13px {
  font-size: 1.3rem !important;
}
.fz14px {
  font-size: 1.4rem !important;
}
.fz15px {
  font-size: 1.5rem !important;
}
.fz16px {
  font-size: 1.6rem !important;
}
.fz18px {
  font-size: 1.8rem !important;
}
.fz20px {
  font-size: 2.0rem !important;
}
.fz22px {
  font-size: 2.2rem !important;
}
.fz24px {
  font-size: 2.4rem !important;
}
.fz25px {
  font-size: 2.5rem !important;
}
.fz26px {
  font-size: 2.6rem !important;
}
.fz28px {
  font-size: 2.8rem !important;
}
.fz30px {
  font-size: 3rem !important;
}
.fz34px {
  font-size: 3.4rem !important;
}
.fz36px {
  font-size: 3.6rem !important;
}
.fz40px {
  font-size: 4.0rem !important;
}
.fz55px {
  font-size: 5.5rem !important;
}
.fz60px {
  font-size: 6rem !important;
}
.fz66px {
  font-size: 6.6rem !important;
}
.lh13px {
  line-height: 1.3rem !important;
}
.lh24px {
  line-height: 2.4rem !important;
}
.lh26px {
  line-height: 2.6rem !important;
}
.lh28px {
  line-height: 2.8rem !important;
}
.lh30px {
  line-height: 3.0rem !important;
}
.lh34px {
  line-height: 3.4rem !important;
}
.lh36px {
  line-height: 3.6rem !important;
}
.lh38px {
  line-height: 3.8rem !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pad50 {
	padding: 50px 0;
}
.pad75 {
	padding: 75px 0;
}
.pad100 {
	padding: 100px 0;
}
.pad120 {
	padding: 120px 0;
}
.pad150 {
	padding: 150px 0;
}
.pad5075 {
	padding: 50px 0 75px 0;
}
.pad50100 {
	padding: 50px 0 100px 0;
}
.pad50125 {
	padding: 50px 0 125px 0;
}
.pad80100 {
	padding: 80px 0 100px 0;
}
.pad100125 {
	padding: 100px 0 125px 0;
}

.fb {
	font-weight:bold;
}

.table-sp{
	display: none;
}

.img_sp_show{
	display: none !important;
}

.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.justify-center {
	justify-content: center;
}
.justify-right {
	justify-content :flex-end;
}
.justify-between {
	justify-content: space-between;
}
.align-center {
	align-items: center;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.img-center {
	margin: 0 auto;
}
.relative {
	position: relative;
}
.img100 {
	width: 100%;
	height: auto;
}
.bold-span-500{
	font-weight: 500;
}
.bg-span-yellow{
	/*background-image: url('/campaign/first/assets/images/commons/background-color-text.png');*/
  /*background-color: white;
  background-image: linear-gradient(white,white,#fff589, #fff589);*/
	font-weight: 500;
  background-size: contain;
  background-repeat: repeat;
  background-position-y: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
  color:#ff9933;
}

.br-start-sp{
	display: none;
}
.br-start-pc{
	display: block;
}

.footer-sp{
	display: none;
}
.footer-pc{
	display: block;
}

.detail-chat{
  display: none;
}

.img-sp{
  display: none !important;
}
.img-pc{
  display: block !important;
}
.width-100per{
  width:100%;
}


.YuGothic {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
.color-red-dark {
    color: #8d1900 !important;
}
.bold {
    font-weight: 600;
}

.category-color-84c8f9{
  background-color: #84c8f9;
}
.category-color-f5ab8e{
  background-color: #f5ab8e;
}
.category-color-66d4b6{
  background-color: #66d4b6;
}

/* ------------------------- Stylesheet ------------------------- */
/* .bg-fixed {
    background-image: url("../images/top/bg-fixed.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
} */
#wrapper {
    overflow: hidden;
}

/* Header */
header {
    font-size: 1.3rem;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
.header-top {
    background: #f2f2f2;
}
.header-top-flex {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-top-left a:hover img {
    opacity: 1;
}
.header-top-burger {
    display: none;
}
.header-top-menu {
    margin-bottom: 18px;
}
.header-top-menu ul {
    display: flex;
    justify-content: flex-end;
}
.header-top-menu ul li {
    position: relative;
    margin-right: 20px;
    font-weight: 600;
}
.header-top-menu ul li:last-child {
    margin-right: 0;
}
.header-top-menu ul li:last-child::before {
    display: none;
}
.header-top-menu ul li::before {
    content: '';
    position: absolute;
    right: -22px;
    top: 3px;
    z-index: 8;
    width: 13px;
    height: 13px;
    /*background: url("../images/commons/header-top-menu-seperator.png") no-repeat center;*/
}
.header-top-btn ul {
    display: flex;
    justify-content: flex-end;
}
.header-top-btn ul li {
    margin-right: 10px;
    box-shadow: 3px 3px 10px 0px #ccc;
}
.header-top-btn ul li:last-child {
    margin-right: 0;
}
.header-top-btn ul li a {
    color: #fff;
}
.header-top-btn ul li .border-blue-btn-square a{
	color:#0b367a;
	font-weight: bold;
}
.header-top-btn ul li .border-blue-btn-square2 a{
	color:#009e00;
	font-weight: bold;
}
.header-btm {
  background-color: #0b367b;
	/*background-image: url(/campaign/first/assets/images/commons/bg-header-nav.jpg);*/
    /* background: rgba(64,9,0,1);
    background: -moz-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(64,9,0,1)), color-stop(100%, rgba(106,11,11,1)));
    background: -webkit-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -o-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -ms-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: linear-gradient(to bottom, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400900', endColorstr='#6a0b0b', GradientType=0 ); */
}
.header-btm2 {
  background-color: #0ca828;
	/*background-image: url(/campaign/first/assets/images/commons/bg-header-nav.jpg);*/
    /* background: rgba(64,9,0,1);
    background: -moz-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(64,9,0,1)), color-stop(100%, rgba(106,11,11,1)));
    background: -webkit-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -o-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -ms-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: linear-gradient(to bottom, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400900', endColorstr='#6a0b0b', GradientType=0 ); */
}
.menu {
  background-color: #3daa82;
	/*background-image: url(/campaign/first/assets/images/commons/bg-header-nav-list.jpg);*/
    /* background: rgba(106,11,11,1);
    background: -moz-linear-gradient(top, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,11,11,1)), color-stop(100%, rgba(64,9,0,1)));
    background: -webkit-linear-gradient(top, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    background: -o-linear-gradient(top, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    background: linear-gradient(to bottom, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a0b0b', endColorstr='#400900', GradientType=0 ); */
}
.menu2 {
  background-color: #57b72e;
	/*background-image: url(/campaign/first/assets/images/commons/bg-header-nav-list.jpg);*/
    /* background: rgba(106,11,11,1);
    background: -moz-linear-gradient(top, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,11,11,1)), color-stop(100%, rgba(64,9,0,1)));
    background: -webkit-linear-gradient(top, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    background: -o-linear-gradient(top, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    background: linear-gradient(to bottom, rgba(106,11,11,1) 0%, rgba(64,9,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a0b0b', endColorstr='#400900', GradientType=0 ); */
}

.menu ul {
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.menu ul li {
    width: 100%;
    text-align: center;
    padding-left: 1px;
    position: relative;
}
.menu ul li:last-child {
    padding-right: 1px;
}
.menu ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 47px;
    line-height: 1.5rem;
    color: #fff;
    position: relative;
    background-color: #0b367a;
		/*background-image: url(/campaign/first/assets/images/commons/bg-header-nav_lecture.jpg);*/
    /* background: rgba(0,117,193,1);
    background: -moz-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(64,9,0,1)), color-stop(100%, rgba(106,11,11,1)));
    background: -webkit-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -o-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -ms-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: linear-gradient(to bottom, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400900', endColorstr='#6a0b0b', GradientType=0 );
    transition: background .1s ease-in-out; */
}
.menu2 ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 47px;
    line-height: 1.5rem;
    color: #fff;
    position: relative;
    background-color: #0ca828;
/*background-image: url(/campaign/first/assets/images/commons/bg-header-nav.jpg);*/
    /* background: rgba(0,117,193,1);
    background: -moz-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(64,9,0,1)), color-stop(100%, rgba(106,11,11,1)));
    background: -webkit-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -o-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: -ms-linear-gradient(top, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    background: linear-gradient(to bottom, rgba(64,9,0,1) 0%, rgba(106,11,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400900', endColorstr='#6a0b0b', GradientType=0 );
    transition: background .1s ease-in-out; */
}
.menu ul li a:hover {
    opacity: 1;
    background-image: url("/campaign/first/assets/images/commons/bg-header-nav-list-hover_miraisekkei.jpg");
}
.menu2 ul li a:hover {
    opacity: 1;
    background-image: url(/campaign/first/assets/images/commons/bg-header-nav-list-hover2.jpg);
}

.menu ul li a:hover::before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 2%;
    width: 96%;
    height: 2px;
    background: #e5b546;
}
.menu ul li a p span {
    width: 100%;
    font-size: 1rem;
}

.menu ul li:hover ul.dropdown {
    opacity: 1;
    visibility: visible;
}

ul.dropdown {
    width: 100%;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    display: block;
    background: #000;
    transition: opacity .1s ease-in-out;
}
ul.dropdown li a {
    height: 37px;
}
ul.dropdown li {
    margin-top: 1px;
}

#menu-responsive {
    display: none;
}

.btn-square a {
    display: flex;
    padding: 5px 13px;
    border-radius: 3px;
}
.bg-green {
    background: #214747;
}
.bg-orange {
    background: #fb9a0f;
}
.bg-white {
    background: #fff;
}

.content-1324 {
	width: 94%;
	max-width: 1324px;
	margin: 0 auto;
}
.content-1200 {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}
.content-1024 {
	width: 92%;
	max-width: 1024px;
	margin: 0 auto;
}
.content-985 {
  width: 92%;
  max-width: 985px;
  margin: 0 auto;
}
.content-880 {
	width: 94%;
	max-width: 880px;
	margin: 0 auto;
}
.content-760 {
	width: 94%;
	max-width: 760px;
	margin: 0 auto;
}
.content-450 {
  width: 94%;
  max-width: 450px;
  margin: 0 auto;
}

.txt-shadow {
    text-shadow: 0px 6px 12px #000000;
}
.txthead {
    display: table;
    margin: 0 auto 50px auto;
    text-align: center;
}
.txthead-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 184px;
    background: url("../images/top/bg-txthead.jpg") repeat-x center;
    padding: 0 30px;
}
.txthead-bg img {
    height: auto;
}

h2.txthead {
    font-size: 1.2rem;
    line-height: 4.8rem;
    font-weight: 300;
    color: #fff;
}

.marble-bg {
    padding: 20px 30px 30px 30px;
    background: url("../images/top/bg-architect.jpg") repeat-y top center;
    background-size: 1024px;
    position: relative;
}
.marble-bg-mid {
    background: url("../images/top/bg-content-mid.png") repeat-y center;
    background-size: 87.5%;
    margin-top: -130px;
    margin-bottom: -130px;
}
.marble-bg-top {
    max-width: 87.5%;
    margin: 0 auto;
    background: url("../images/top/bg-content-top.png") no-repeat top center;
    background-size: 100%;
    height: 195px;
}
.marble-bg-btm {
    max-width: 87.5%;
    margin: 0 auto;
    background: url("../images/top/bg-content-btm.png") no-repeat bottom center;
    background-size: 100%;
    height: 195px;
}
.marble-content {
    width: 100%;
    display: inline-block;
    margin-top: -35px;
    position: relative;
    z-index: 10;
}

.border-blue-btn-square {
    border: 1px solid #0b367a;
		border-radius: 3px;
}
.border-blue-btn-square2 {
    border: 1px solid #009e00;
		border-radius: 3px;
}

.border-orange-btn-square {
    border: 1px solid #fb9a0f;
		border-radius: 3px;
}
.detail-toggle-parent{
    display: none;
}
.detail-toggle{
    display: none;
}

/* NAV */
.nav-abs {
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 11;
}
nav {
    margin-bottom: 15px;
}
nav ul {
    display: flex;
}
nav ul li {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
    font-size: 1.4rem;
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
}
nav ul li a {
    color: #fff;
}
nav ul li::after {
    content: '»';
    margin-right: 7px;
    margin-left: 7px;
}
nav ul li:last-child::after {
    display: none;
}
.btn-gold {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 35px;
    height: 60px;
    background: url("../images/1K/bg-btn-gold-center.png") repeat-x center;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 600;
    color: #000;
    letter-spacing: 3px;
    position: relative;
}
.btn-gold::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 11px;
    height: 60px;
    background: url("../images/1K/bg-btn-gold-left.png") no-repeat center;
}
.btn-gold::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 11px;
    height: 60px;
    background: url("../images/1K/bg-btn-gold-right.png") no-repeat center;
}
.btn-gold-icon-left i {
    padding-right: 15px;
}
.btn-gold-icon-right i {
    padding-left: 15px;
}
.letter-normal {
    letter-spacing: normal;
}


/* Top */
#top #main-vs-slide .banner_slide_01{
  background-size: cover;
  background-position: center;
  background-image: url(/campaign/first/assets/images/top/banner_new.jpg);
  /*height: 594px;*/
}
#top #main-vs-slide .banner_slide_02{
  background-size: cover;
  background-position: center;
  background-image: url(/campaign/first/assets/images/top/banner02.jpg?sd=safd);
  height: 594px;
}
#top #main-vs-slide .banner .text-banner{
  padding-top: 6.5%;
}
#top #main-vs-slide .banner .text-banner h1{
  font-size: 6.5rem;
	margin-bottom: 20px;
  font-weight: bold;
  line-height: 8rem;
  color: #fff;
	font-family:  "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: relative;
}
#top #main-vs-slide .banner .text-banner h1:after{
	content:'';
	background-image: url(/campaign/first/assets/images/top/beginners_mark.png);
	position: absolute;
	height: 115px;
	width: 76px;
	left: -80px;
	top: -10px;
	background-size: contain;
}
#top #main-vs-slide .banner .text-banner p{
  font-size: 2.8rem;
  line-height: 4rem;
  color: #fff;
  font-weight: 500;
}
#top #list-new {
  position: relative;
}
#top .bar-title{
  background-image: url(/campaign/first/assets/images/top/bg-bar-bottom.png);
  height: 100px;
  max-width: 1035px;
  width: 94%;
  position: absolute;
  right: 0;
  top: -55px;
  padding-left: 40px;
  display: flex;
  align-items: center;
  align-content: center;
}
#top .bar-title p{
  font-size: 2.8rem;
  color:#fff;
}

#top .bar-title2{
  background-image: url(/campaign/first/assets/images/top/bg-bar-bottom2.png);
  height: 100px;
  max-width: 1035px;
  width: 94%;
  position: absolute;
  right: 0;
  top: -55px;
  padding-left: 40px;
  display: flex;
  align-items: center;
  align-content: center;
}
#top .bar-title2 p{
  font-size: 2.8rem;
  color:#fff;
}

#top #list-new .ul-list{
  padding-top: 10%;
  padding-bottom: 40px;
}
#top #list-new .ul-list .li-list a{
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #dfdfdf;
  flex-wrap: wrap;
}
#top #list-new .ul-list .li-list a .list-left{
  width: 21.8%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#top #list-new .ul-list .li-list a .list-left .date{
  width: 35.5%;
  font-size: 1.4rem;
	color: #999999;
}
#top #list-new .ul-list .li-list a .list-left .category{
  width: 56%;
}
#top #list-new .ul-list .li-list a .list-left .category p{
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
}
#top #list-new .ul-list .li-list a .list-right{
  width: 73.6%;
	font-weight: 300;
}
#top #list-new  .list-new-MoreDtail{
  text-align: right;
  padding-top: 40px;
  padding-bottom: 40px;
}
#top .list-new-MoreDtail a{
  position: relative;
  color: #0b367a;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#top .list-new-MoreDtail2 a{
  position: relative;
  color: #0ca828;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#top .list-new-MoreDtail a img{
  width: 9px;
  height: 9px;
  margin-top: 2px;
}
#top .list-new-MoreDtail a span{
	position: relative;
}
/*#top .list-new-MoreDtail a span::after{
	background-image: url("/campaign/first/assets/images/commons/arrow-icon-more.png");
	position: absolute;
	content: "";
	top: 4px;
	right: -10px;
	width: 9px;
	height: 9px;
	background-size: contain;
}*/
/* #top .list-new-MoreDtail a img{
  position: absolute;
  right: 0;
  width: 9px;
  top: 4px;
} */

#top #feedture{
  position: relative;
}


#top #feedture .feedture-detail{
  margin-top: 90px;
  padding-top: 115px;
}
#top #feedture .feedture-detail h3{
  font-size: 2.8rem;
  color:#0b367a;
  text-align: center;
  margin-bottom: 15px;
	font-weight: 600;
}
#top #feedture .feedture-detail2 h3{
  font-size: 2.8rem;
  color:#009e00;
  text-align: center;
  margin-bottom: 15px;
	font-weight: 600;
}


#top #feedture .feedture-detail p{
  text-align: center;
  line-height: 3rem;
}

  #top #feedture .chat .toggle_chat{
    /*border: 1.3px solid #0b367a;
    border-radius: 5px;
    margin: auto;
    width: 100%;
    height: 45px;
    margin-top: 0px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;*/
    width: 30.45%;
    height: 55px !important;
    border: 1px solid #0b367a;
    border-radius: 10px;
    margin: auto;
    margin-top: 55px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
  }
	#top #feedture .chat .toggle_chat2{
    /*border: 1.3px solid #009e00;
    border-radius: 5px;
    margin: auto;
    width: 100%;
    height: 45px;
    margin-top: 0px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;*/
    width: 30.45%;
    height: 55px !important;
    border: 1px solid #009e00;
    border-radius: 10px;
    margin: auto;
    margin-top: 55px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
  }
  #top #feedture .chat .toggle_chat span{
    padding-left: 30px;
    font-size: 2rem;
    color: #0b367a;
    font-weight: 500;
    letter-spacing: 0px;
    position: relative;
  }
	#top #feedture .chat .toggle_chat2 span{
    padding-left: 30px;
    font-size: 2rem;
    color: #009e00;
    font-weight: 500;
    letter-spacing: 0px;
    position: relative;
  }
  #top #feedture .chat .toggle_chat span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-plus_gr.png);
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 5px;
    top: 6px;
    background-size: contain;
  }
	#top #feedture .chat .toggle_chat2 span::after {
		background-image: url(/campaign/first/assets/images/commons/more-icon-plus2.png);
		content: "";
		position: absolute;
		width: 18px;
		height: 18px;
		left: 5px;
		top: 6px;
		background-size: contain;
	}


  #top #feedture .chat .active span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-del_gr.png);
    height: 2px;
    top: 15px;
  }
	#top #feedture .chat .active2 span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-del2.png);
    height: 2px;
    top: 15px;
  }

#top #feedture .chat{
	margin-top: 30px;
}
#top #feedture .chat ul li{
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: flex-start;
}
#top #feedture .chat ul li.user-start .img-chat{
  margin-right: 20px;
  width: 55px;
}
#top #feedture .chat ul li.user-start .text-chat{
  max-width: 85%;
}
#top #feedture .chat ul li.user-start .bg-chat{
  background-color: #f0f0f0;
	padding: 15px 15px 15px 18px;
	letter-spacing: 0px;
  border-radius: 18px;
  position: relative;
}
#top #feedture .chat ul li.user-start .bg-chat img{
  position: absolute;
  left: -5.5px;
  top:20px;
  width: 11px;
}
#top #feedture .chat ul li.user-ask{
  flex-direction: row-reverse;
}
#top #feedture .chat ul li.user-ask .img-chat{
  margin-left: 20px;
  width: 55px;
}
#top #feedture .chat ul li.user-ask .text-chat{
  max-width: 85%;
}
#top #feedture .chat ul li.user-ask .bg-chat{
  background-color: #3598db;
	padding: 15px 15px 15px 18px;
  letter-spacing: 0px;
  border-radius: 18px;
  color:#fff;
  position: relative;
}
#top #feedture .chat ul li.user-ask .bg-chat2{
  background-color: #3acf69;
	padding: 15px 15px 15px 18px;
  letter-spacing: 0px;
  border-radius: 18px;
  color:#fff;
  position: relative;
}
#top #feedture .chat ul li.user-ask .bg-chat img{
  position: absolute;
  right: -5.5px;
  top:20px;
  width: 11px;
}
/*#top #feedture .chat .toggle_chat{
	display: none;
}*/


#top #feedture .list-feature .list-title-feature{
  height: 65px;
  width: 100%;
  background-color: #0b367a;
  padding: 0px 20px 0px 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
}

/*見出し別カラーの設定ここから*/

#top #feedture .list-feature #color-1k{
	background-color: #0094da;
}

#top #feedture .list-feature #color-2k{
	background-color: #49a35b;
}

#top #feedture .list-feature #color-1ks{
	background-color: #01a3a5;
}

#top #feedture .list-feature #color-2ks{
	background-color: #93b723;
}

#top #feedture .list-feature #color-1ds{
	background-color: #af6c38;
}

#top #feedture .list-feature #color-2ds{
	background-color: #d0921b;
}

#top #feedture .list-feature #color-1qs{
	background-color: #13b4e2;
}

#top #feedture .list-feature #color-2qs{
	background-color: #5f8fcd;
}

#top #feedture .list-feature #color-k_setubi{
	background-color: #26809b;
}

#top #feedture .list-feature #color-setubi{
	background-color: #aa7498;
}

#top #feedture .list-feature #color-kozo{
	background-color: #7396a9;
}

#top #feedture .list-feature #color-tk{
	background-color: #ec8d3d;
}

#top #feedture .list-feature #color-ic{
	background-color: #e56a7e;
}

#top #feedture .list-feature #color-rp{
	background-color: #ec6022;
}

#top #feedture .list-feature #color-zoen{
	background-color: #009952;
}

/*見出し別カラーの設定ここまで*/



#top #feedture .list-feature .list-title-feature2{
  height: 65px;
  width: 100%;
  background-color: #0ca828;
  padding: 0px 20px 0px 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
}


#top #feedture .list-feature .list-title-feature3{
  height: 65px;
  width: 100%;
  background-color: #0b367a;
  padding: 0px 20px 0px 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
}




#top #feedture .list-feature .active::after{
    background-image: url(/campaign/first/assets/images/commons/del-icon-toggle-more.png) !important;
    content: "";
    width: 22px;
    height: 22px;
    background-size: contain;
    position: absolute;
    right: 15px;
  }

  #top #feedture .list-feature .list-title-feature::after{
    background-image: url(/campaign/first/assets/images/commons/plus-icon-toggle.png);
    content: "";
    width: 22px;
    height: 22px;
    background-size: contain;
    position: absolute;
    right: 15px;
    top: 21px;
  }
#top #feedture .list-feature .list-title-feature:hover{
	opacity: 1;
	cursor: default;
}
#top #feedture .list-feature{
  margin-top: 60px;
}
#top #feedture .list-feature .list-title-feature h2{
  font-size: 2.8rem;
  color:#fff;
  font-weight: 500;
}

#top #feedture .list-feature .list-title-feature3 h2{
  font-size: 2.8rem;
  color:#fff;
  font-weight: 500;
}

#top #feedture .list-feature .list-detail-feature .role-list-detail{
  padding-top: 40px;
}
#top #feedture .list-feature .list-detail-feature .list-sub-title{
  border-bottom: 1px solid #0b367a;
  padding-bottom: 5px;
}
#top #feedture .list-feature .list-detail-feature .list-sub-title2{
  border-bottom: 1px solid #009e00;
  padding-bottom: 5px;
}


/*実験ここから*/

.menu_furiwake{
padding-top: 40px;
border-left: solid #00a4ff 6px;
border-left-color: #0b367a;
margin-top: 20px;
margin-bottom: -0.8em;
padding: 1.4em 1.8em;
padding: 0.7em 0.9em;
	font-size: 1.4rem;
  font-weight: 600;
	clear: both;
background-color: #fff;
  border: 1px solid #e0e0e0;	
  box-shadow: 7px 7px #a1ddff;
}

/*実験ここまで*/



/*実験ここから2*/
.items {
  display: flex;
  justify-content: space-between;
}
.items .item {
  width: 30%;
    margin: 2em 0;
	color: #0b367a;
	font-size: 2.0rem;
    font-weight: bold;
    border: solid 2px #0b367a;
}


.items .item a{
padding: 0.5em 1em;
	color: #0b367a;
}

.items .item a:hover{
background: #870202;
	color: white;
}


.item-body{
	margin: 0; 
    padding: 0;
}
/*実験ここまで2*/


/*実験　CVボタン*/

.cv_button{
width: 70%;
    padding: 15px;
    margin: 2em 0;
	color: #0b367a;
	font-size: 2.0rem;
    font-weight: bold;
    border: solid 2px #0b367a;  
    margin: 20px auto;
    
}



.cv_button:hover{
background: #0b367a;
	color: white;
    transition: 0.5s;
}

/*実験　CVボタン*/




/*実験ここから3*/
.items_a{
	display: inline-block;
}
/*実験ここまで3*/


#top #feedture .list-feature .list-detail-feature .list-sub-title h3{
  font-size: 2.4rem;
  font-weight: 600;
  color: #0b367a;
}
#top #feedture .list-feature .list-detail-feature .list-sub-title2 h3{
  font-size: 2.4rem;
  font-weight: 600;
  color: #009e00;
}


#top #feedture .list-feature .list-detail-feature .list-sub-description{
  background-color: #f3f6f7;
  height: 40px;
  padding-right: 12px;
  padding-left: 12px;
  display: flex;
  align-items: center;
  margin-top: 20px;
  border-radius: 5px;
}
#top #feedture .list-feature .list-detail-feature .list-sub-description h4{
  font-size: 2rem;
  font-weight: 600;
}

#top #feedture .list-feature .list-detail-feature .list-sub-description h7{
  font-size: 3.5rem;
  font-weight: 600;
}

#top #feedture .list-feature .list-detail-feature .list-sub-detail{
  padding-top: 30px;
  padding-bottom: 15px;
  color:#353c42;
	line-height: 3rem;
	font-weight: 300;
}
#top #feedture .list-feature .list-detail-feature .list-sub-detail .note-list{
  font-size: 1.3rem;
  margin-top: 10px;
  color:#353c42;
}
#top #feedture .list-feature .list-detail-feature .list-sub-detail .list-in-detail{
  padding: 20px;
  color:#353c42;
}
#top #feedture .list-feature .list-detail-feature .list-sub-link .list-new-MoreDtail{
  text-align: right;
  padding-top: 10px;
}
#top .search-button{
  width: 30.45%;
  height: 55px !important;
  border:1px solid #0b367a;
  border-radius: 10px;
  margin: auto;
  margin-top: 55px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}

#top .search-button2{
  width: 30.45%;
  height: 55px !important;
  border:1px solid #009e00;
  border-radius: 10px;
  margin: auto;
  margin-top: 55px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}

#top .cv-button{
  width: 30.45%;
  height: 55px !important;
  border:1px solid #0b367a;
  border-radius: 10px;
  background-color:#fabe00;
  margin: auto;
  margin-top: 55px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}




/*#top .search-button a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}*/
/* #top .search-button a img{
  width: 18px;
  height: 18px;
  position: absolute;
  left: 85px;
  top: 19px;
} */
#top .search-button span{
  padding-left: 30px;
  font-size: 2rem;
  color: #0b367a;
  font-weight: 500;
  letter-spacing: 0px;
	position: relative;
}
#top .search-button2 span{
  padding-left: 30px;
  font-size: 2rem;
  color: #009e00;
  font-weight: 500;
  letter-spacing: 0px;
	position: relative;
}

#top .cv-button span{
  padding-left: 30px;
  font-size: 2rem;
  color: #0b367a;
  font-weight: 500;
  letter-spacing: 0px;
	position: relative;
}



#top .search-button span::after{
	background-image: url(/campaign/first/assets/images/commons/more-icon-plus_gr.png);
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 5px;
  top: 6px;
  background-size: contain;
}
#top .search-button2 span::after{
	background-image: url(/campaign/first/assets/images/commons/more-icon-plus2.png);
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 5px;
  top: 6px;
  background-size: contain;
}


#top .cv-button span::after{
	background-image: url(/campaign/assets/images/test_dl/more-icon-allow.png);
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 5px;
  top: 6px;
  background-size: contain;
}

#top .active_parent span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-del_gr.png);
    height: 2px;
    top: 15px;
  }
	#top .active_parent2 span::after {
	    background-image: url(/campaign/first/assets/images/commons/more-icon-del2.png);
	    height: 2px;
	    top: 15px;
	  }


#top .tg {
  border-collapse:collapse;
  border-spacing:0;
  -webkit-box-shadow: 3px 0px 13px 3px rgb(243, 239, 239);
  -moz-box-shadow: 3px 0px 13px 3px rgb(243, 239, 239);
  box-shadow: 3px 0px 13px 3px rgb(243, 239, 239);
  border-radius: 10px;
  margin:auto;
  max-width: 850px;
  width: 100%;
  margin-top: 10px;
}
#top .tg .tg-bg-f6f9fc{
  background-color:#f6f9fc;
}
#top .tg .tg-bg-a6b7c7{
  background-color:#a6b7c7;
}
#top .tg .tg-cl-fff{
  color:#fff;
}
#top .tg .tg-width-54_11{
  width: 54.11%;
}
#top .tg .tg-width-25_8{
  width: 25.8%;
}
#top .tg .tg-width-22_9{
  width: 22.9%;
}
#top .tg .tg_vl_center{
  vertical-align: middle;
  text-align: center;
}
#top .tg .tg_vl_left{
  vertical-align: middle;
  text-align: left;
}
#top .tg-margin-40{
  margin-top: 40px !important;
}
#top .tg-tr-style tr:nth-child(even){
  background-color: #f6f9fc;
}
#top .tg td{
  padding: 15px 33px;
  border-style:solid;
  border-width:1px;
  overflow:hidden;
  word-break:normal;
  border-color:black;
}
#top .tg th{
  font-weight:300;
  padding: 15px 33px;
  border-style:solid;
  border-width:1px;
  overflow:hidden;
  word-break:normal;
  border-color:black;
}
#top .tg .th-top-01{
  border-top-left-radius: 10px;
}
#top .tg .th-top-right-01{
  border-top-right-radius: 10px;
}
#top .tg .th-bottom-last{
  border-bottom-left-radius: 10px;
  border-bottom: transparent;
}
#top .tg .th-bottom-right-last{
  border-bottom-right-radius: 10px;
  border-bottom: transparent;
}
#top .tg .td-bottom-last{
  border-bottom: transparent;
}
#top .tg .tg-mud0{
  border-color:#eeeef0;
}
#top .tg .tg-mud0-01{
  border-top-color: transparent;
}
#top .tg .tg-0fyl{
  background-color:#879aad;
  border-color:#eeeef0;
  border-top-width: 0px;
  border-left: transparent;
  color:#fff;
  font-size: 1.8rem;
  font-weight: 500;
}
#top .tg .tg-0lax{
  border-color:#eeeef0;
}
#top .tg .tg-0lax-01{
  border-top-color: transparent;
  border-right-color: transparent;
}
#top .tg .tg-0lax-02{
  border-top-color: transparent;
}
#top .tg .tg-0lax-03{
  border-bottom-color: transparent;
}

#top .link-newpage{
  color:#0b367a;
  left: 25px;
  position: relative;
	font-weight: 400;
}

#top .link-newpage2{
  color:#0ca828;
  left: 25px;
  position: relative;
	font-weight: 400;
}


#top .link-newpage img{
  width: 14px;
  position: absolute;
  left: -20px;
  top: 2px;
}

#top #recomment{
  background-size: cover;
  background-position: center;
  background-image: url(/campaign/first/assets/images/top/recommend.jpg);
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}



#top #recomment .parent-box{
  width: 92%;
  max-width: 1200px;
  /*margin: 0 auto;*/
}
#top #recomment .parent-box .list-box{
  display: flex;
  justify-content: space-between;
}
#top #recomment .parent-box .card{
  width: 49.16%;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin-top: 80px;
  height: 227px;
}
#top #recomment .parent-box h2{
  font-size: 2.8rem;
  font-weight: 500;
  color:#fff;
  text-align: center;
  margin-bottom: 5px;
}
#top #recomment .parent-box .sub-title{
  font-size: 1.6rem;
  font-weight: 300;
  color:#fff;
  text-align: center;
}
#top #recomment .parent-box .card .img{
  width: 32.28%;
}
#top #recomment .parent-box .card .img img{
  max-width: 175px;
  width: 100%;
}
#top #recomment .parent-box .card .detail{
  width: 61.80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#top .trends-first{
  font-size: 2rem;
  font-weight: 300;

}
#top .trends-secound{
  font-size: 2.4rem;
}
#top #recomment .parent-box .card .button{
  display: flex;
  justify-content: flex-end;
}
#top #recomment .parent-box .card .button a{
  height: 55px;
  max-width: 100%;
  background-color: #fecb00;
  color: #fff;
  width: 65.6%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  font-size: 2rem;
  font-weight: 300;
}

#top #qualification-school{
  background-color: #f9f9fb;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#top #qualification-school .qualification-box{
  max-width: 982px;
  width: 92%;
  /*margin: 0 auto;*/
}
#top #qualification-school .qualification-box h3{
  font-size: 2.8rem;
  text-align: center;
  color:#353c42;
	font-weight: 500;
}
#top #qualification-school .qualification-box .btn-link-school{
  max-width: 635px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
#top #qualification-school .qualification-box .btn-link-school .link-newpage{
  color: #fff;
  left: 0px;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #ff9b0a;
  border:1.3px solid #ff9b0a;
  width: 48.2%;
  font-size: 2rem;
  font-weight: 300;
  border-radius: 30px;
  height: 55px;
  align-items: center;
}
#top #qualification-school .qualification-box .btn-link-school .link-newpage span{
  padding-left: 35px;
  font-weight: 300;
	position: relative;
}
/* #top #qualification-school .qualification-box .btn-link-school .link-newpage img{
  position: absolute;
  left: 88px;
  top: 18.5px;
  width: 18px;
} */
#top #qualification-school .qualification-box .btn-link-school .link-newpage span::after{
		background-image: url(/campaign/first/assets/images/commons/icon-link-newpage-white.png);
    position: absolute;
    content: "";
    background-size: contain;
    width: 17px;
    height: 18px;
    background-repeat: no-repeat;
    left: 10px;
    top: 6px;
}

#top #qualification-school .qualification-box .btn-link-school .link-download{
  color: #0b367a;
  left: 0px;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #fff;
  border:1.3px solid #0b367a;
  width: 48.2%;
  font-size: 2rem;
  border-radius: 30px;
  height: 55px;
  align-items: center;
}
#top #qualification-school .qualification-box .btn-link-school .link-download2{
  color: #009e00;
  left: 0px;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #fff;
  border:1.3px solid #009e00;
  width: 48.2%;
  font-size: 2rem;
  border-radius: 30px;
  height: 55px;
  align-items: center;
}



#top #qualification-school .qualification-box .btn-link-school .link-download span{
  padding-left: 35px;
  font-weight: 300;
	position: relative;
}
#top #qualification-school .qualification-box .btn-link-school .link-download span::after{
		background-image: url(/campaign/first/assets/images/commons/icon-download.png);
    position: absolute;
    content: "";
    background-size: contain;
    width: 17px;
    height: 18px;
    background-repeat: no-repeat;
    left: 10px;
    top: 6px;
}
#top #qualification-school .qualification-box .btn-link-school .link-download2 span::after{
		background-image: url(/campaign/first/assets/images/commons/icon-download2.png);
    position: absolute;
    content: "";
    background-size: contain;
    width: 17px;
    height: 18px;
    background-repeat: no-repeat;
    left: 10px;
    top: 6px;
}



#top #qualification-school .qualification-box .btn-link-school .link-download img{
  position: absolute;
  left: 80px;
  top: 18.5px;
  width: 18px;
}
#top #qualification-school .qualification-box .banner-download{
  margin-top: 100px;
}
#top #qualification-school .qualification-box .banner-download img{
  width: 100%;
}
#top .detail-toggle-parent .img-pt-bt-20{
  margin-top: 20px;
  margin-bottom: 20px;
}
#top .detail-toggle-parent .img-pt-bt-20 img{
  margin: auto;
}
#top .detail-toggle-parent .p-mt-mb-20{
  margin-top: 20px;
  margin-bottom: 20px;
}
#top .detail-toggle-parent .div-mt-mb-50-20{
  margin-top: 50px;
  margin-bottom: 20px;
}
#top .detail-toggle-parent .div-mt-mb img{
  float: left;
  padding-right: 30px;
  padding-bottom: 30px;
}
.div-mt-mb-20{
  margin-top: 20px;
  margin-bottom: 20px;
}
.div-mt-mb-20 img{
  margin: auto;
  width: 100%;
}
#top .img-float-l-mearg-text{
  float: left;
  padding-right: 30px;
}
#top .slide-center .slick-slide div{
   margin-left: 15px !important;
   margin-right: 15px !important;
   opacity: 0.7;
}
#top .slide-center .slick-list{
   padding: 30px !important;
}

#top .slide-center .slick-prev{
   left: 40.1%;
   top: 50%;
   transform: translate(-40.1%,-50%);
   z-index: 1;
}

#top .slide-center .slick-next{
   right: 38.5%;
   top: 50% !important;
   transform: translate(-38.5%,-50%);
   z-index: 1;
}
#top .slide-center .slick-prev:before {
   content: "‹" !important;
   font-size: 30px;
   top: -10px;
   position: absolute;
   right: 5px;
}
#top .slide-center .slick-next:before {
   content: "›" !important;
   font-size: 30px;
   top: -10px;
   position: absolute;
   left: 5px;
}
#top .slide-center .slick-slide
{
width: 212px;
}
#top .slide-center .slick-center{
   /*width: 230px !important;*/
}
#top .slide-center .slick-center div{
   /*margin-left:15px !important;
   margin-right: 15px !important;*/
   opacity: 1;
}


#top .slide-center .slick-prev::before, .slide-center .slick-next::before {
   color: #000;
}
#top .slick-dots li button::before {
   font-size: 10px;
}
#top #slide-list-footer{
  width: 92%;
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 55px;
  display: none !important;
}
#top .slide-center li div img{
  width: 100%;
}

/* Footer */
footer {
    color: #fff;
  	background: #353c42;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.footer-menu {
    font-size: 1.25rem;
}
.footer-menu ul {
    display: flex;
}
.footer-menu ul li {
    margin-right: 12px;
    padding-right: 12px;
    position: relative;
}
.footer-menu ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.footer-menu ul li:last-child::before {
    display: none;
}
.footer-menu ul li::before {
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 8;
    width: 1px;
    height: 26px;
    background: #fff;
}
.footer-menu ul li a {
    color: #fff;
}
.copyright {
    font-size: 1.2rem;
}

br.br1300 {
    display: none;
}
br.br1200 {
    display: none;
}
br.br750 {
    display: none;
}
br.br414 {
    display: none;
}

.show414 {
    display: none;
}

.person-curtain-sp {
    display: none;
}

.person-btn-close, .person-btn-open {
    display: none;
}






/* ------------------------- Screen 1300px ------------------------- */
@media only screen and (max-width:1300px) {
    br.br1300 {
        display: block;
    }
}


/* ------------------------- Screen 1280px ------------------------- */
@media only screen and (max-width:1280px) {
    .person-content-box {
        padding: 50px;
    }
}

/* ------------------------- Screen 1200px ------------------------- */
@media only screen and (max-width:1200px) {
    .architects-img {
        margin-top: -200px;
    }
    .person-detail-top {
        padding: 0;
        margin-bottom: 0;
    }
    br.br1200 {
        display: block;
    }
		#top #main-vs-slide .banner .text-banner {
		    padding-top: 11.5%;
		}
		#top #main-vs-slide .banner .text-banner h1:after {
		    content: '';
		    background-image: none;
		    position: absolute;
		    height: 115px;
		    width: 76px;
		    left: 0px;
		    top: -110px;
		    background-size: contain;
		}
		.img_sp_show{
			display: inline !important;
			width: 11.5%;
			height: 10%;
		}
}

/* ------------------------- Screen 1180px ------------------------- */
@media only screen and (max-width:1180px) {
    .person-right h2 {
        font-size: 5rem;
        line-height: 6.5rem;
    }
    .person-h3-bg {
        font-size: 3rem;
    }
    .person-content-box-left {
        min-width: 200px;
    }
    .person-content-box-right h5 {
        font-size: 2.4rem;
        margin-bottom: 15px;
    }
    .person-content-box-text-content h5 {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .person-content-row h5.topic-big-red {
        font-size: 2.8rem;
    }
}


/* ------------------------- Screen 1100px ------------------------- */
@media only screen and (max-width:1100px) {
    .architects-img {
        margin-top: -175px;
    }

    .marble-content {
        padding: 0 75px;
    }

    .support-bg-top, .support-bg-btm {
        height: 84px;
    }

    .person-right h2 {
        font-size: 4.5rem;
        line-height: 5.5rem;
    }

    .person-h3-bg {
        font-size: 3rem;
    }
    .person-detail-top {
        display: block;
        padding: 0;
        margin-bottom: 0;
    }
    .person-detail-top-info-list .text span.bold-blue {
         font-size: 2rem;
    }
    .align-top .text {
        padding-top: 11px;
    }

    .person-detail-top-left {
        margin: 0 auto;
    }
    .person-detail-top-right {
        width: 100%;
        padding-left: 0;
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .person-detail-box {
        padding: 40px 30px;
    }
    .person-btn ul {
        display: block;
    }
    .person-btn ul li {
        font-size: 1.6rem;
        width: 100%;
        margin: 5px 0;
        background: url("../images/1K/bg-btn-blue-center.png") repeat-x center;
        background-size: contain;
        position: relative;
    }
    .person-btn ul li::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 11px;
        height: 60px;
        background: url(../images/1K/bg-btn-blue-left.png) no-repeat center;
    }
    .person-btn ul li::after {
        position: absolute;
        top: 0;
        right: 0;
        content: '';
        width: 11px;
        height: 60px;
        background: url(../images/1K/bg-btn-blue-right.png) no-repeat center;
    }

    .theme-green .person-btn ul li {
        background: url("../images/2K/bg-btn-green-center.png") repeat-x center;
        background-size: contain;
    }
    .theme-green .person-btn ul li::before {
        background: url(../images/2K/bg-btn-green-left.png) no-repeat center;
    }
    .theme-green .person-btn ul li::after {
        background: url(../images/2K/bg-btn-green-right.png) no-repeat center;
    }

    .theme-brown .person-btn ul li {
        background: url("../images/TK/bg-btn-brown-center.png") repeat-x center;
        background-size: contain;
    }
    .theme-brown .person-btn ul li::before {
        background: url(../images/TK/bg-btn-brown-left.png) no-repeat center;
    }
    .theme-brown .person-btn ul li::after {
        background: url(../images/TK/bg-btn-brown-right.png) no-repeat center;
    }


    .person-btn ul li a {
        padding-right: 0;
    }

    .person-btn ul li a br {
        display: none;
    }
    .person-content-box {
        display: block;
        padding: 50px;
    }
    .person-content-box-left {
        width: 41.1%;
        margin: 0 auto;
    }
    .person-content-box-right {
        padding-left: 0;
        padding-top: 40px;
    }

    /* Footer */
    .footer {
        display: block;
        padding: 20px 0;
        min-height: 0;
    }
    .footer-menu ul {
        justify-content: center;
    }
    .copyright {
        margin-top: 10px;
        text-align: center;
    }
}




/* ------------------------- Screen 1024px ------------------------- */
@media only screen and (max-width:1024px) {
    body::before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background: url("../images/top/bg-fixed.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .bg-fixed {
        background: none;
    }
}


/* ------------------------- Screen 1000px ------------------------- */
@media only screen and (max-width:1000px) {
    .result-list ul li {
        padding: 25px;
    }
}

/* ------------------------- Screen 980px ------------------------- */
@media only screen and (max-width:980px) {
    .support-bg-top, .support-bg-btm {
        height: 80px;
    }
}


/* ------------------------- Screen 960px ------------------------- */
@media only screen and (max-width:960px) {
    .person-right h2 {
        font-size: 4rem;
        line-height: 5rem;
    }

    .result-right {
        width: 76%;
    }

    .support-bg-top, .support-bg-btm {
        height: 78px;
    }
		#top #recomment .parent-box .card{
			height: auto;
    	flex-direction: column;
			margin-top: 40px;
		}
		#top #recomment .parent-box .card .img{
			width: 100%;
		}
		#top #recomment .parent-box .card .img img{
	    margin: auto;
		}
		#top #recomment .parent-box .card .detail{
			width: 100%;
			margin-top:20px;
		}
		#top #recomment .parent-box .card .detail .text{
			margin-bottom: 20px;
			text-align: center;
		}
		#top #recomment .parent-box .card .button a{
			margin: auto;
		}
		#top #qualification-school{
			  height: auto;
		}
		#top #qualification-school .qualification-box h3 {
		    font-size: 2rem;
		}
		#top #qualification-school{
				height: auto;
				padding-top: 40px;
				padding-bottom: 50px;
		}
		#top #qualification-school .qualification-box .banner-download{
				margin-top: 50px;
		}
}

/* ------------------------- Screen 920px ------------------------- */
@media only screen and (max-width:910px) {
    .support-bg-top, .support-bg-btm {
        height: 76px;
    }
}

/* ------------------------- Screen 900px ------------------------- */
@media only screen and (max-width:900px) {
    .person-right h2 {
        font-size: 3rem;
        line-height: 4rem;
    }
}

/* ------------------------- Screen 880px ------------------------- */
@media only screen and (max-width:880px) {
    .support-bg-top, .support-bg-btm {
        height: 74px;
    }
}

/* ------------------------- Screen 860px ------------------------- */
@media only screen and (max-width:860px) {
    .support-bg-top, .support-bg-btm {
        height: 70px;
    }
		/* #top #list-new .ul-list {
		    padding-top: 55px;
		}
		#top #list-new .ul-list .li-list {
		    flex-direction: column;
		    justify-content: flex-start;
		    align-items: center;
		    height: auto;
		    padding-top: 13px;
		    padding-bottom: 13px;
		}
		#top #list-new .ul-list .li-list .list-left {
		    width: 100%;
		    justify-content: flex-start;
		    margin-bottom: 15px;
		}
		#top #list-new .ul-list .li-list .list-left .date {
		    width: 21.5%;
		    font-size: 1.2rem;
		}
		#top #list-new .ul-list .li-list .list-left .category {
		    width: 30%;
		}
		#top #list-new .ul-list .li-list .list-right {
		    width: 100%;
		    font-size: 1.4rem;
		    line-height: 2.4rem;
		} */
		#top #list-new .ul-list .li-list a .list-left {
		  width: 30.8%;
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		}
		#top #list-new .ul-list .li-list a .list-right {
	    width: 62.6%;
	    font-weight: 300;
		}
}

/* ------------------------- Screen 834px ------------------------- */
@media only screen and (max-width:834px) {
    /* Header */
    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 13;
        width: 100%;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    }
		.header-top-flex{
			  height: 65px;
		}
    .header-top-left a img {
        /* width: auto; */
				max-width: 135.5px;
				width: 100%;
        /* height: 65px; */
				/* height: 60px; */
    }
    .header-top-right {
        display: none;
    }
    .header-btm {
        display: none;
    }

    .header-top-burger {
        display: block;
        font-size: 36px;
        width: 32px;
        text-align: center;
				z-index: 10;
    }
    #menu-responsive {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 13;
        overflow-y: scroll;
        font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
    }
    #menu-responsive header {
        position: static;
    }

    ul.toggle-dropdown {
        padding: 5px 0;
        background: #f2f2f2;
    }
    ul.toggle-dropdown li a {
        height: 32px !important;
        font-size: 1.4rem;
        background: #f2f2f2;
        color: inherit;
    }
    ul.toggle-dropdown li:hover a {
        background: #f2f2f2;
        color: inherit;
    }

    .menu {
        max-height: 100%;
        overflow-y: scroll;
    }
		.menu ul li:last-child{
			padding-top: 0px;
		}
		.menu ul li:last-child p:first-child{
			/*font-size: 1.4rem;*/
		}
    .menu ul {
        display: block;
    }
		.menu ul li a{
			background-image: none;
			justify-content: flex-end;
			padding-right: 25px;
			font-size: 1.8rem;
      background-color: transparent;
		}
		.menu{
			background-image: url(/campaign/first/assets/images/commons/menu-sp-background.jpg);
	    background-position: right;
	    position: absolute;
	    width: 100%;
	    top: 0px;
			padding-top: 60px;
			padding-bottom: 40px;
		}
		.menu2{
			background-image: url(/campaign/first/assets/images/commons/menu-sp-background2.jpg);
	    background-position: right;
	    position: absolute;
	    width: 100%;
	    top: 0px;
			padding-top: 60px;
			padding-bottom: 40px;
		}

		.menu ul li a:hover {
		    opacity: 1;
		    background-image: none;
		}
		.menu ul li a:hover::before {
			content: inherit;
			height: 0;
		}
		.menu ul li a p span{
			font-size:1.6rem;
			margin-bottom: 10px;
		}

		.header-top-burger .menu-close img{
			width:18px;
		}

    .nav {
        display: none;
    }

    #wrapper {
        padding-top: 65px;
    }

    body::before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background: url("../images/top/bg-fixed-sp.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .architects-img {
        margin-top: -150px;
    }
    .architects-img-text p:first-child {
        font-size: 2rem;
    }
    .architects-img-text p:last-child {
        font-size: 7px;
    }

    .location-info-top-text h2 {
        font-size: 3rem;
        line-height: 5rem;
    }

    .hopeful-glass, .hopeful-book {
        display: none;
    }


    /* Link Box */
	.listDetailTit {
		font-size: 14px;
	}
	.listDetailPointItem {
		font-size: 12px;
	}
	.listDetailPoint {
		font-size: 12px;
	}
	.listDetailLink a {
		font-size: 12px;
	}
	.listDetailLink2 {
		font-size: 10px;
	}
	.listDetailLink2 a {
		font-size: 10px;
	}
	.listDetailName1 {
		font-size: 10px;
	}
	.listDetailName2 span {
		font-size: 10px;
	}
	.listDetailName2 {
		font-size: 12px;
	}
	.linkListInner {
		flex-wrap: wrap;
	}
	.linkListItem1 {
		width: 100%;
		border-bottom: 1px solid #d2d2d2;
		border-right: none;
	}
	.linkListRowBox {
		width: 100%;
	}
	.linkListRow {
		flex-wrap: wrap;
	}
	.linkListItem2 {
		width: calc(100%/ 3);
	}
	.linkListRow .linkListItem2:nth-of-type(3) {
		border-right: none;
	}
    .listDetailTit {
	    font-size: 13px;
	    line-height: 1.1;
	}
	.listDetailBox .waku {
		height: 100%;
	}
	.listDetailBtmLeft {
		width: 100%;
	}
	.listDetailBtmRight {
		width: 100%;
	}
	.listDetailName1 {
		font-size: 14px;
	}
	.listDetailName2 span {
		font-size: 14px;
	}
	.listDetailName2 {
		font-size: 18px;
	}
	.listDetailLink a {
		font-size: 14px;
	}
	.listDetailLink2, .listDetailLink2 a {
		font-size: 12px;
	}
	.listDetail {
		margin-top: 18%;
	}
	.listDetailBox {
		padding-bottom: 11%;
	}
	/* 1col */
	.listBox2 .listDetailBox, .listBox .listDetailBox {
		width: 100%;
	}
	.listBox2 .listDetailBtmLeft, .listBox .listDetailBtmLeft{
		width: 35%;
	}
	.listBox2 .listDetailBtmRight, .listBox .listDetailBtmRight {
		width: 62%;
	}
	.listBox2 .listDetail , .listBox .listDetail {
		margin-top: 7%;
	}
	.linkListItem2 {
		width: 50%;
	}
	.linkListRow .linkListItem2:nth-of-type(odd) {
		border-right: 1px dotted #d2d2d2;
	}
	.linkListRow .linkListItem2:nth-of-type(even) {
		border-right: none;
	}


    .support-bg-top, .support-bg-btm {
        height: 64px;
    }

    .person-btn-open {
        display: block;
        position: fixed;
        top: 75px;
        z-index: 11;
    }
    .person-btn-open img {
        width: auto;
        height: 60px;
    }

    .person-left {
        opacity: 0;
        visibility: hidden;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        position: fixed;
        top: 65px;
        left: -300px;
        z-index: 11;
        padding-top: 10px;
        margin-right: 0;
        background: rgba(0,0,0,0.75);
        transition: all .5s ease-in-out;
    }
    .person-btn-close {
        width: 60px;
        height: 60px;
        display: block;
        position: absolute;
        left: 320px;
    }
    .person-btn-close img {
        width: 60px;
        height: 60px;
    }
    .person-list {
        margin: 10px 0 0 0;
    }

    .person-left .nav {
        display: block;
        width: 300px;
    }
    .person-left nav {
        display: none;
    }
    .person-list {
        width: 300px;
    }

    .person-curtain-pc {
        display: none;
    }
    .person-curtain-sp {
        display: block;
    }

    .result-right {
        width: 74%;
    }
    .result-list ul {
        display: block;
    }
    .result-list ul li {
        width: 100%;
        margin: 15px 0;
    }

}


/* ------------------------- Screen 750px ------------------------- */
@media only screen and (max-width:750px) {
  #top .img-float-l-mearg-text{
    padding-right: 0px;
  }
  #top #main-vs-slide .banner_slide_01 {
        background-size: cover;
        background-position: right;
        /*background-image: url(/campaign/first/assets/images/top/banner-sp.jpg?sd=safd);
        height: 594px;*/
    }
    #top #main-vs-slide .banner_slide_02 {
        background-size: cover;
        background-position: right;
        background-image: url(/campaign/first/assets/images/top/banner02-sp.jpg?sd=safd);
        height: 594px;
    }
    br.br750 {
        display: block;
    }
    .aos-item {
        opacity: 1 !important;
            transform: translate3d(0, 0, 0) !important;
    }

    h2.txthead {
        font-size: 2.3rem;
        line-height: 3.5rem;
    }

    /* Top */
    #top h1.txthead img {
        height: 100px;
    }
    .top-fade p {
        font-size: 1.6rem;
    }

    /* People */
    .people-list ul li {
        display: block;
    }
    .people-img {
        margin: 0 auto;
    }
    .people-text-name {
        display: block;
    }
    .people-text h3 {
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }
    .people-100-content {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .people-100-img {
        padding-left: 0;
        margin-bottom: 25px;
    }

    /* Architects */
    #architects .marble-bg {
        padding-top: 50px;
    }
    .architects-img {
        margin-top: 0;
    }
    .architects-img ul {
        display: block;
    }
    .architects-img ul li {
        width: 100%;
    }
    .architects-img ul li:first-child {
        margin-left: -15%;
    }
    .architects-img ul li:last-child {
        margin-top: 30px;
        margin-left: 15%;
    }
    .marble-bg-top {
        max-width: 100%;
    }
    .marble-bg-btm {
        max-width: 100%;
    }
    .marble-bg-mid {
        padding: 0 30px;
        background-size: 100%;
    }
    #architects .content-880 {
        width: 100%;
        max-width: 100%;
    }
    .architects-remark-pc {
        display: none;
    }
     .architects-remark-sp {
        display: block;
    }
    .architects-remark {
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 0;
        font-size: 1.4rem;
    }
    .architects-remark div {
        margin-top: 6px;
    }
    .architects-remark p {
        margin-top: 1;
    }
    h2#architects-curtain-txthead {
        width: 100% !important;
        max-width: auto !important;
    }
    .architects-img-text p:first-child {
        font-size: 1.6rem;
    }
    .architects-img-text p:last-child {
        font-size: 5px;
    }

    /* Exp */
    .exp-list ul {
        display: block;
    }
    .exp-list ul li {
        margin-top: 30px;
        padding: 0 30px;
    }
    .exp-list ul li:first-child {
        margin-top: 0;
    }
    .exp-list ul li img {
        margin: 0 auto;
    }

    /* Hopeful */
    #hopeful h2.txthead-bg img {
        width: 100%;
        height: auto;
    }
    .hopeful-bg {
        padding-top: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .hopeful-submn {
        font-size: 2.5rem;
        margin-bottom: 50px;
    }
    .hopeful-list ul li {
        margin-top: 50px;
    }
    .hopeful-list ul li h3 {
        font-size: 2rem;
        padding-left: 40px;
    }
    .hopeful-list ul li h3 img {
        height: 40px;
    }

    /* Video */
    #video1 h2.txthead-bg img, #video2 h2.txthead-bg img, #video3 h2.txthead-bg img {
        height: 30px;
    }

    /* Location */
    .location-bg {
        padding-top: 50px;
    }
    #location h2.txthead img {
        height: 75px;
    }
    .location-map {
        display: none;
        /*display: flex;*/
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 30px;
    }
    .location-pin {
        display: none;
    }
    .location-map-img {
        display: none;
    }
    .location-map-sp {
        display: block;
        margin-bottom: 30px;
        padding: 0 30px;
    }
    .location-map-sp-button {
        margin-bottom: 30px;
    }
    .location-map-sp-button ul {
        display: flex;
        flex-wrap: wrap;
    }
    .location-map-sp-button ul li {
        width: auto;
        margin-right: 35px;
        margin-bottom: 0;
    }

    .location-map-sp-flex {
        display: flex;
        justify-content: space-between;
    }

    .location-map-sp-left {
        width: 60%;
        padding-right: 30px;
    }
    .location-map-sp-right {
        width: 40%;
        padding-top: 30px;
    }
    .location-map-sp-right .location-list h3 {
        font-size: 3rem;
    }
    .location-list {
        position: static;
        width: 100%;
        margin-bottom: 30px;
        font-size: 2rem;
    }
    .location-list h3 {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }
    .location-list ul li {
        margin-top: 15px;
    }

    .location-info-bg {
        padding-left: 30px;
        padding-right: 30px;
    }
    .location-info-top {
        display: block;
    }
    .location-info-top-text {
        min-width: 100%;
        padding: 0;
    }
    .location-info-top-text h2 {
        display: inline-flex;
        justify-content: center;
        width: 100%;
        font-size: 2.5rem;
        padding: 10px 0;
    }
    .location-info-top-text h2::before, .location-info-top-text h2::after {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .location-info-top-text p {
        text-align: center;
    }
    .location-info-btn ul {
        margin: 0 auto;
        justify-content: center;
    }
    .location-info-top-img {
        margin-top: 30px;
    }
    .location-info-gall {
        margin-top: 15px;
    }
    .location-info-gall ul {
        display: block;
    }
    .location-info-gall ul li {
        width: 100%;
    }
    .location-info-gall ul li img {
        width: 100%;
    }
    .location-info-btm-bg {
        margin-top: 50px;
        margin-bottom: 0;
        padding: 15px 30px 30px 30px;
    }
    .location-info-btm h3 {
        font-size: 2.3rem;
    }

    /* Course */
    #course {
        padding-top: 50px;
    }
    #course h2.txthead img {
        height: 75px;
    }
    .course-list {
        padding-bottom: 50px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .course-list ul {
        display: block;
    }
    .course-list ul li {
        max-width: 393px;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }
    .course-list ul li:last-child {
        margin-top: 0;
    }

    #linkbox-bg {
        padding-top: 50px;
    }

    /* Person */
    .result-list {
        padding-bottom: 25px;
    }
    .result-list ul li h3 {
        height: auto;
    }
    .result-flex {
        display: block;
    }
    .result-left {
        margin: 0 auto;
    }
    .result-right {
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
    }
    .point-box {
        justify-content: center;
    }
    .result-list-text {
        padding: 0 40px;
    }

    .support-bg {
        padding-bottom: 25px;
    }
    .support-bg-top, .support-bg-btm {
        height: 35px;
    }
    .support-content {
        padding: 0 40px;
    }
    .support-content h2 {
        font-size: 2.5rem;
    }
    .support-btn-flex {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .support-btn img {
        width: auto;
        height: 40px;
    }


    .person-right {
        padding-top: 30px;
    }
    .person-right h2 {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 0;
    }
    .person-h3-bg {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .person-detail-top-right h4 {
        font-size: 2rem;
    }

     .person-detail-top-right h7 {
        font-size: 3.5rem;
    }

    .btn-gold {
        font-size: 1.4rem;
        padding: 0 10px;
    }
    .person-content h4 {
        font-size: 2rem;
    }

    .person-content h7 {
        font-size: 3.5rem;
    }

    .person-content-text {
        padding-left: 0;
    }
    .person-content-row h5.topic {
        font-size: 1.8rem;
        padding-left: 40px;
    }
    .person-content-text h6 {
        font-size: 1.6rem;
    }
    .person-content-row h5.topic::before {
        top: 8px;
        width: 30px;
        height: 16px;
    }

    .person-content-box {
        padding: 30px 5%;
    }
    .person-content-box-right h5 {
        font-size: 2rem;
        margin-bottom: 10px;
    }
    .person-content-box-text-content h5 {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 0;
    }
    .person-content-row h5.topic-big-red {
        font-size: 2rem;
        padding-left: 0;
    }

    .support-btn {
        max-width: 302px;
    }


    /* Footer */
		.footer{
			padding: 20px 0px 45px;
		}
    .footer-menu {
        font-size: 1.4rem;
        margin-bottom: 15px;
    }
    .footer-menu ul {
        display: flex;
				flex-wrap: wrap;
    }
    .footer-menu ul li {
        padding-right: 0;
        margin-right: 0;
        margin-top: 10px;
				text-align: left;
				width: 50%;
    }
		.footer-menu ul li a{
			padding-left: 20px;
			position: relative;
		}
		.footer-menu ul li a::after{
			background-image: url(/campaign/first/assets/images/commons/icon-link-footer.png);
	    width: 13px;
	    height: 13px;
	    content: "";
	    position: absolute;
	    background-size: contain;
	    left: 0;
	    top: 0px;
		}
    .footer-menu ul li:first-child {
        /* margin-top: 0; */
    }
    .footer-menu ul li::before {
        display: none;
    }
		.copyright{
			text-align: left;
			font-size: 1rem;
		}
		.copyright br{
			display: none;
		}
		.footer-menu{
	    margin-bottom: 30px;
		}
}

/* ------------------------- Screen 560px ------------------------- */
@media only screen and (max-width:560px) {
  #top .img-float-l-mearg-text{
    float: none;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .detail-toggle-parent{
    display: none;
  }
	.br-start-pc{
		display: none;
	}
	.br-start-sp{
		display: block;
	}
  .img-pc{
    display: none !important;
  }
  .img-sp{
    display: block !important;
  }
	#top #main-vs-slide .banner_slide_01 {
		background-image: url(/campaign/first/assets/images/top/banner-sp.jpg?sdf=sdf);
		height: 297.5px;
	}
	#top #main-vs-slide .banner_slide_02 {
		background-image: url(/campaign/first/assets/images/top/banner02-sp.jpg);
		height: 297.5px;
	}
	#top #main-vs-slide .banner .text-banner h1 {
    font-size: 3rem;
    line-height: 4.5rem;
		margin-bottom: 10px;
	}
	#top #main-vs-slide .banner .text-banner p{
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	#top #list-new .ul-list .li-list a{
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: center;
	    height: auto;
	    padding-top: 13px;
	    padding-bottom: 13px;
	}
	#top #list-new .ul-list .li-list a .list-right{
		width: 100%;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	#top #list-new .ul-list{
		padding-top: 55px;
	}
	#top #list-new .ul-list .li-list a .list-left {
    width: 100%;
		justify-content: flex-start;
		margin-bottom: 15px;
	}
	#top #list-new .ul-list .li-list a .list-left .date {
    width: 21.5%;
    font-size: 1.2rem;
	}
	#top #list-new .ul-list .li-list a .list-left .category {
	   width: 30%;
	}
	#top #list-new .ul-list .li-list a .list-left .category p {
    font-size: 1.2rem;
	}
	#top .bar-title{
		padding-left: 20px;
		height: 58px;
		max-width: 312px;
		top: -30px;
		background-position: center;
		background-image: url(/campaign/first/assets/images/top/bg-bar-bottom-sp.png);
	}
	#top .bar-title p{
		font-size: 2rem;
	}
	#top #main-vs-slide .banner .text-banner {
	    padding-top: 10px;
	}
	#top .bar-title p {
	    color: #fff;
	}

		#top .bar-title2{
		padding-left: 20px;
		height: 58px;
		max-width: 312px;
		top: -30px;
		background-position: center;
		background-image: url(/campaign/first/assets/images/top/bg-bar-bottom-sp2.png);
	}
	#top .bar-title2 p{
		font-size: 2rem;
	}
	#top #main-vs-slide .banner .text-banner {
	    padding-top: 10px;
	}
	#top .bar-title2 p {
	    color: #fff;
	}




	#top #list-new .list-new-MoreDtail {
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	#top #feedture .feedture-detail {
    margin-top: 45px;
    padding-top: 57.5px;
	}
	#top #feedture .feedture-detail h3 {
    font-size: 2rem;
    margin-bottom: 7.5px;
		text-align: center;
	}
	#top #feedture .feedture-detail p {
	    text-align: left;
			font-size: 1.4rem;
			line-height: 2.4rem;
	}
	#top #feedture .feedture-detail p br{
	    display: none;
	}
	#top .list-new-MoreDtail a{
		font-size: 1.4rem;
		padding-right: 10px;
	}
	#top .list-new-MoreDtail a img{
    top: 6px;
	}
	#top #feedture .chat ul li.user-ask .bg-chat{
		font-size: 1.4rem;
	}
	#top #feedture .chat ul li.user-start .img-chat{
		width: 40px;
	}
	#top #feedture .chat ul li.user-ask .img-chat{
		width: 40px;
	}
	#top #feedture .chat ul li{
		align-items: flex-start;
    height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#top #feedture .chat ul li.user-ask .bg-chat img{
		top: 15px;
	}
	#top #feedture .chat ul li.user-start .bg-chat img{
		top: 15px;
	}
	#top #feedture .chat ul li.user-start .bg-chat {
    background-color: #f0f0f0;
    padding: 8px 15px 8px 15px;
    letter-spacing: 0px;
    border-radius: 13px;
    position: relative;
		font-size: 1.4rem;
	}
	#top #feedture .chat ul li.user-ask .bg-chat {
    background-color: #3598db;
    padding: 8px 15px 8px 15px;
    letter-spacing: 0px;
    border-radius: 13px;
    color: #fff;
    position: relative;
		font-size: 1.4rem;
	}
	#top #feedture .chat ul li.user-ask .bg-chat2 {
    background-color: #3acf69;
    padding: 8px 15px 8px 15px;
    letter-spacing: 0px;
    border-radius: 13px;
    color: #fff;
    position: relative;
		font-size: 1.4rem;
	}
	#top #feedture .list-feature{
		margin-top: 40px;
	}
	#top #feedture .list-feature + .list-feature{
		margin-top: 15px;
	}
	#top #feedture .list-feature .list-title-feature{
		height: 60px;
		padding: 0px 10px 0px 10px;
		border-radius: 3px;
		position: relative;
	}

	#top #feedture .list-feature .active::after{
		background-image: url(/campaign/first/assets/images/commons/del-icon-toggle-more.png) !important;
    content: "";
    width: 22px;
    height: 22px;
    background-size: contain;
    position: absolute;
    right: 10px;
	}

	#top #feedture .list-feature .list-title-feature::after{
		background-image: url(/campaign/first/assets/images/commons/plus-icon-toggle.png);
    content: "";
    width: 22px;
    height: 22px;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 19px;
	}


	#top #feedture .list-feature .list-title-feature h2{
		font-size: 2rem;
	}
	#top #feedture .list-feature .list-detail-feature .list-sub-title h3{
		font-size: 1.7rem;
	}
	#top #feedture .list-feature .list-detail-feature .list-sub-description {
    height: auto;
		padding-right: 6px;
    padding-left: 6px;
		margin-top: 15px;
	}
	#top #feedture .list-feature .list-detail-feature .list-sub-description h4 {
    font-size: 1.6rem;
    font-weight: 600;
	}

    #top #feedture .list-feature .list-detail-feature .list-sub-description h7 {
    font-size: 3.5rem;
    font-weight: 600;
	}

	#top #feedture .list-feature .list-detail-feature .list-sub-detail{
		font-size: 1.4rem;
		line-height: 2.4rem;
		padding-top: 10px;
	}
	#top .tg-margin-40 {
	    margin-top: 33px !important;
	}
	#top .tg{
		border-radius: 1px;
	}
	#top .tg .th-top-01{
	    border-top-left-radius: 1px;
	}
	#top .tg .th-top-right-01 {
	    border-top-right-radius: 1px;
	}
	#top .tg .th-bottom-last {
  		border-bottom-left-radius: 1px;
	}
	#top .tg .th-bottom-right-last {
    border-bottom-right-radius: 1px;
	}
	#top #feedture .list-feature .list-detail-feature .list-sub-link .list-new-MoreDtail{
		padding-bottom: 0px;
	}
	#top #feedture .list-feature .list-detail-feature .role-list-detail {
	  padding-top: 25px;
		padding-bottom: 0px;
	}
	#top #feedture .list-feature .list-detail-feature .list-sub-detail .list-in-detail{
		font-size: 1.4rem;
	}
  #top #feedture .chat .toggle_chat{
    width: 100%;
    height: 45px !important;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 1.3px solid #0b367a;
    border-radius: 5px;
  }
	#top #feedture .chat .toggle_chat2{
    width: 100%;
    height: 45px !important;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 1.3px solid #009e00;
    border-radius: 5px;
  }


  #top #feedture .chat .toggle_chat span{
    font-size: 1.6rem;
  }
  #top #feedture .chat .toggle_chat span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-plus_gr.png);
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 4px;
    left: 8px;
    background-size: contain;
  }
	#top #feedture .chat .toggle_chat2 span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-plus2.png);
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 4px;
    left: 8px;
    background-size: contain;
  }


  #top #feedture .chat .active span::after{
    background-image: url(/campaign/first/assets/images/commons/more-icon-del_gr.png) !important;
    width: 15px;
    height: 1.4px;
    top: 11px;
    left: 7px;
  }
	#top #feedture .chat .active2 span::after{
    background-image: url(/campaign/first/assets/images/commons/more-icon-del2.png) !important;
    width: 15px;
    height: 1.4px;
    top: 11px;
    left: 7px;
  }

	#top .search-button{
		width: 100%;
		height: 45px !important;
		margin-top: 20px;
		margin-bottom: 10px;
		border: 1.3px solid #0b367a;
		border-radius: 5px;
	}
	#top .search-button2{
		width: 100%;
		height: 45px !important;
		margin-top: 20px;
		margin-bottom: 10px;
		border: 1.3px solid #009e00;
		border-radius: 5px;
	}

	#top .cv-button{
		width: 100%;
		height: 45px !important;
		margin-top: 20px;
		margin-bottom: 10px;
		border: 1.3px solid #0b367a;
		border-radius: 5px;
	}



	#top .search-button a span {
    padding-left: 20px;
		font-size: 1.6rem;
	}
	#top .search-button a img{
		left: 122px;
		top: 13px;
	}

	#top .cv-button a span {
    padding-left: 20px;
		font-size: 1.6rem;
	}
	#top .cv-button a img{
		left: 122px;
		top: 13px;
	}

	#top #recomment{
		height: auto;
		margin-top: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
	}
	#top #recomment .parent-box{
		padding-top: 30px;
		padding-bottom: 40px;
	}
	#top #recomment .parent-box .list-box{
		flex-direction: column;
	}
	#top #recomment .parent-box .card{
		width: 100%;
		flex-direction: row;
		padding: 10px;
		margin-top: 25px;
		border-radius: 5px;
	}
	#top #recomment .parent-box .card + .card{
		margin-top: 20px;
	}
	#top #recomment .parent-box h2{
		font-size: 2rem;
		margin-bottom: 0px;
	}
	#top #recomment .parent-box .sub-title{
		font-size: 1.3rem;
		font-weight: 300;
	}
	#top #recomment .parent-box .card .img{
		width: 28.28%;
	}
	#top #recomment .parent-box .card .detail .text{
		text-align: left;
		margin-bottom: 10px;
	}
	#top #recomment .parent-box .card .detail{
		width: 67.8%;
		margin-top: 0px;
	}
	#top .trends-first{
		font-size: 1.6rem;
	}
	#top .trends-secound{
		font-size: 2rem;
	}
	#top #recomment .parent-box .card .button a{
		font-size: 1.6rem;
    height: 35px;
    width: 60%;
		margin: inherit;
	}
	#top #qualification-school {
    height: auto;
    padding-top: 40px;
		padding-bottom: 50px;
	}
	#top #qualification-school .qualification-box .btn-link-school .link-newpage{
		font-size: 1.6rem;
	}
	#top #qualification-school .qualification-box .btn-link-school .link-download{
		font-size: 1.6rem;
	}
	#top #qualification-school .qualification-box .btn-link-school .link-newpage span {
    padding-left: 28px;
    top: -2px;
	}
	#top #qualification-school .qualification-box .btn-link-school .link-newpage span::after{
		width: 15px;
		height: 16px;
		left: 3px;
    top: 4px;
	}
	#top #qualification-school .qualification-box .btn-link-school .link-download span{
		padding-left: 32px;
		top: -2px;
	}
	#top #qualification-school .qualification-box .btn-link-school .link-download span::after{
		width: 14px;
		height: 15px;
		left: 10px;
    top: 5px;
	}
	#top #qualification-school .qualification-box .btn-link-school{
		margin-top: 25px;
	}
	#top #qualification-school .qualification-box .banner-download{
		margin-top: 50px;
	}
	#top .search-button a span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-plus_gr.png);
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: -2px;
    top: 5px;
    background-size: contain;
	}
	#top .search-button2 a span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-plus2.png);
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: -2px;
    top: 5px;
    background-size: contain;
	}

	#top .cv-button a span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-plus_gr.png);
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: -2px;
    top: 5px;
    background-size: contain;
	}

	.bg-span-yellow{
		background-position-y: 27px;
	}
	#top .list-new-MoreDtail a span::after{
		top:6px;
	}
	.detail-toggle{
		display: none;
		margin-bottom: 25px;
	}
  /*#top .search-button span{
    font-size: 1.6rem;
  }*/
  #top .search-button span::after {
    width: 15px;
    height: 15px;
    top: 4px;
    left: 8px;
  }


  #top .cv-button span::after {
    width: 15px;
    height: 15px;
    top: 4px;
    left: 8px;
  }
	  #top .active_parent span::after {
    background-image: url(/campaign/first/assets/images/commons/more-icon-del_gr.png) !important;
    width: 15px !important;
    height: 1.4px !important;
    top: 11px !important;
    left: 7px !important;
  }
	#top .active_parent2 span::after {
	background-image: url(/campaign/first/assets/images/commons/more-icon-del2.png) !important;
	width: 15px !important;
	height: 1.4px !important;
	top: 11px !important;
	left: 7px !important;
}

	/*#top #feedture .chat .active span::after{
		background-image: url(/campaign/first/assets/images/commons/more-icon-del_gr.png);
		height: 2px;
		top: 11px;
	}*/

	/*#top #feedture .chat .active2 span::after{
		background-image: url(/campaign/first/assets/images/commons/more-icon-del2.png);
		height: 2px;
		top: 11px;
	}*/

	#top .tg .tg-0fyl {
		font-size: 1.4rem;
	}
	#top .tg th {
    padding: 5px 5px;
	}
	#top .tg td {
    padding: 5px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
	}
	.table-sp{
		display: block;
	}
	.table-pc{
		display: none;
	}

	.table-sp .box-table{
		margin-top: 20px;
		-webkit-box-shadow: 3px 0px 13px 3px rgb(243, 239, 239);
    -moz-box-shadow: 3px 0px 13px 3px rgb(243, 239, 239);
    box-shadow: 3px 0px 13px 3px rgb(243, 239, 239);
	}
	.table-sp .box-table .title{
		background-color: #a6b7c7;
    font-size: 1.6rem;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 500;
	}
	.table-sp .box-table .detail-role{
		padding: 7px;
	}
	.table-sp .box-table .detail-role .list{
		display: flex;
	}
	.table-sp .box-table .detail-role .list + .list{
		border-top: 1px solid #eeeef0;
	}
	.table-sp .box-table .detail-role .list .sub-title{
		width: 45%;
		font-weight: 500;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.table-sp .box-table .detail-role .list .sub-title p{
		letter-spacing: -1px;
	}
	.table-sp .box-table .detail-role .list .detail{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.table-sp .box-table .detail-role .list .detail p{
		letter-spacing: -0.3px;
	}

	/* FOOTER */
	.footer-sp{
		display: block;
	}
	.footer-pc{
		display: none;
	}
	#top #feedture .list-feature .list-detail-feature .list-sub-detail .note-list {
    font-size: 1.1rem;
	}
  #top #slide-list-footer{
    margin-bottom: 60px;
    margin-top: 30px;
  }
}

<!--sogo-->

.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6 !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb6 {margin-bottom:6px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0 !important;}
.ml1 {margin-left:1px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml9 {margin-left:9px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}

.mr0 {margin-right:0px !important;}
.mr1 {margin-right:1px !important;}
.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr9 {margin-right:9px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}

.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0px !important;}
.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !important;}
.pb9 {padding-bottom:9px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0 !important;}
.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl6 {padding-left:6px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0 !important;}
.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr6 {padding-right:6px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr9 {padding-right:9px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.orange {color: #FF6A00 !important;}
.red {color: #FF6A00 !important;}
.link {
	color: #0068b7;
	text-decoration: underline;
}

.ttl1 {

padding-bottom:15px;
font-weight:bold;

}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


ul.kome {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 85%;
}

ul.list_m {
    text-indent: -1em;
    padding-left: 1em;
}


/*sogoshikaku*/
    .list_s {
        text-indent:-1em;
        margin-left:1em;


    }
}




/* ------------------------- Screen 414px ------------------------- */
@media only screen and (max-width:414px) {
    br.br414 {
        display: block;
    }
    .hide414 {
        display: none;
    }
    .show414 {
        display: block;
    }

    .location-map-sp-left {
        width: 50%;
        padding-right: 15px;
    }
    .location-map-sp-right {
        width: 50%;
        padding-top: 0;
    }
    .location-map-sp-right .location-list h3 {
        font-size: 2rem;
    }

    .location-list {
        font-size: 1.6rem;
    }

    .location-list h3 {
        font-size: 2rem;
        margin-bottom: 10px;
    }
    .location-list ul li {
        margin-top: 10px;
    }

    .marble-content {
        padding: 0;
    }


    .hopeful-bg {
        padding-bottom: 50px;
    }

    .hopeful-list-flex {
        display: block;
    }
    .hopeful-list-img {
        width: 100%;
        padding: 20px 0 0 0;
    }
    .hopeful-list ul li:nth-child(even) .hopeful-list-img {
        padding: 20px 0 0 0;
    }

    .person-right h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .person-detail-top-left {
        width: 75%;
    }
    .person-detail-top-info-list {
        display: block;
        margin-bottom: 20px;
    }
    .align-top .text {
        padding-top: 0;
    }
    .person-detail-top-info-list .topic {
        min-width: 100%;
        margin-right: 0;
    }

    .support-btn-flex {
        display: block;
    }
    .support-btn-flex a + a {
        display: block;
        margin-top: 5px;
    }
    .support-btn-flex img.pc {
        display: none;
    }
    .support-btn-flex img.sp {
        display: block;
    }
}


/* ------------------------- Screen 375px ------------------------- */
@media only screen and (max-width:375px) {
    .person-left .nav {
        width: 280px;
    }
    .person-list {
        width: 280px;
    }
    .person-btn-close {
        left: 290px;
    }

    .person-detail-box {
        padding: 30px 20px;
    }
    .person-detail-top-right h4 {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }

        .person-detail-top-right h7 {
        font-size: 3rem;
        margin-bottom: 20px;
    }

    .support-bg-top, .support-bg-btm {
        height: 30px;
    }
    .support-content {
        padding: 0 25px;
    }
}

/* ------------------------- Screen 350px ------------------------- */
@media only screen and (max-width:350px) {
	#top #list-new .ul-list .li-list a .list-left .category {
			width: 36%;
	}
	#top #feedture .feedture-detail h3 br{
		display: none;
	}
	#top #feedture .list-feature .list-detail-feature .list-sub-description {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.table-sp .box-table .detail-role .list .detail p br{
		display: none;
	}
	#top .link-newpage {
		left: 10px;
		font-size: 1.2rem;
	}
	#top .trends-first {
		font-size: 1.4rem;
	}
	#top .trends-secound {
		font-size: 1.8rem;
	}
	
}

/* ------------------------- sogo ------------------------- */

.fl {float: left;}
.fr {float: right;}
.ft {
	overflow: hidden;
	zoom: 1;
}

div,.clearfix {
	display: block;
}
ul.news_topics_list li,
div#head_navi ul,
div,.clearfix {
	>display: inline-block;
}

.borderbox {
	border: solid 1px #D9D9D9;
	padding: 10px 13px;
}

.borderbox_red {
	border: solid 1px #FF0000;

	padding: 10px 13px;
}


/**/
.gray {color: #8C8C8C !important;}
.red {color: #E50000 !important;}
.blue {color: #125C9B !important;}
.white {color: #fff !important;}
.tya {color: #595959 !important;}
.b_blue {color: #1F4B77 !important; font-weight: bold;}

/*強調色*/
.kon_sf,.kon_lf,.kon_xlf {
	color: #243C59 !important;
	font-weight: bold;
}
.blue_sf,.blue_lf,.blue_xlf {
	color: #125C9B !important;
	font-weight: bold;
}
.yellow_sf,.yellow_lf,.yellow_xlf {
	color: #D9A300 !important;
	font-weight: bold;
}
.orange_sf,.orange_lf,.orange_xlf {
	color: #FF6A00 !important;
	font-weight: bold;
}

.orange {
	color: #FF6A00 !important;

}

.green2_sf,.green2_lf,.green2_xlf {
	color: #009944 !important;
	font-weight: bold;
}

.green2 {
	color: #009944 !important;

}



.red_sf,.red_lf,.red_xlf {
	color: #E50000 !important;
	font-weight: bold;
}
.green_sf,.green_lf,.green_xlf {
	color: #6eba3d !important;
	font-weight: bold;
}

.kon_sf {}
.kon_lf {font-size: 120%;}
.kon_xlf {font-size: 150%;}

.blue_sf {}
.blue_lf {font-size: 120%;}
.blue_xlf {font-size: 150%;}

.yellow_sf {}
.yellow_lf {font-size: 120%;}
.yellow_xlf {font-size: 150%;}

.orange_sf {}
.orange_lf {font-size: 120%;}
.orange_xlf {font-size: 150%;}

.red_sf {}
.red_lf {font-size: 120%;}
.red_xlf {font-size: 150%;}

.green_sf {}
.green_lf {font-size: 120%;}
.green_xlf {font-size: 150%;}

/*new140723*/

.coral_sf,.coral_lf,.coral_xlf {
	color: #ff6347 !important;
	font-weight: bold;
}

.coral {
	color: #ff6347 !important;

}

.coral_sf {}
.coral_lf {font-size: 120%;}
.coral_xlf {font-size: 150%;}


.fs200:first-letter {
    font-size:2em;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.none {
	display:none;
}

.fb {
    font-weight:bold;
}

ul.list_def li {
    text-indent:-1em;
    margin-left:1em;
}


/* ------------------------- sogo img responsive ------------------------- */

.wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/* ------------------------- sogo img responsive ------------------------- */



.contents {
     width: 100%;
     max-width: 982px;
     margin: auto;
 }
 .contents img {
     width: 100%;
 }

 .flexbox {
     display: flex;
 }
 .box1 {
     width: 34%;
 }
 .box2 {
     width: 33%;
 }
  .box3 {
     width: 33%;
 }
 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box3 {
         width: 100%;
         margin: 0 auto;
     }
	 
	 	.items {
			margin-top: 0.4em;
			margin-bottom: 1.2em;
  display: flex;
  flex-direction: column;
}

.items .item {
  width: 100%;
	margin: 0.4em 0;
	font-size: 1.6rem;
 
    
}

     
     
.items_cv {
			margin-top: 0.4em;
			margin-bottom: 1.2em;
 
}

.items_cv .item {
  width: 100%;
	margin: 0.4em 0;
	font-size: 1.6rem;
 
    
}


 }


/*contents2*/

.contents2 {
     width: 100%;
     max-width: 982px;
     margin: auto;
 }
 .contents2 img {
     width: 100%;
 }

 .flexbox2 {
     display: flex;
 }
 .box11 {
     width: 25%;
 }
 .box12 {
     width: 25%;
 }
  .box13 {
     width: 25%;
 }

   .box14 {
     width: 25%;
 }

 @media screen and (max-width: 767px) {
     .flexbox2 {
         display: block;
     }
     .flexbox2 .box11 {
         width: 60%;
         margin: 0 auto;
     }
     .flexbox2 .box12 {
         width: 60%;
         margin: 0 auto;
     }
     .flexbox2 .box13 {
         width: 60%;
         margin: 0 auto;
     }
     .flexbox2 .box14 {
         width: 60%;
         margin: 0 auto;
     }

		 #top #feedture .list-feature .list-title-feature3 h2{
		   font-size: 1.8rem;
		 }
     
     .summary{
         font-size: 1.3rem;
     }

 }

/*contents2まで*/



/*contents3*/

.contents3 {
     width: 100%;
     max-width: 982px;
     margin: auto;
 }
 .contents3 img {
     width: 80%;
 }

 .flexbox3 {
     display: flex;
 }
 .box33_1 {
     width: 33%;
 }
 .box33_2 {
     width: 33%;
 }
  .box33_3 {
     width: 33%;
 }



 @media screen and (max-width: 767px) {
     .flexbox3 {
         display: block;
     }
     .flexbox3 .box33_1 {
         width: 60%;
         margin: 0 auto;
     }
     .flexbox3 .box33_2 {
         width: 60%;
         margin: 0 auto;
     }
     .flexbox3 .box33_3 {
         width: 60%;
         margin: 0 auto;
     }
     
     body {
  background-image: linear-gradient(0deg, transparent 50.7px, #D6EBF5 51px), linear-gradient(90deg,  transparent 50.7px, #D6EBF5 51px);
background-size: 51px 51px;       
}
     
   /* body {
  background-image: linear-gradient(0deg, transparent 50px, #CAFFFF 51px), linear-gradient(90deg,  transparent 50px, #CAFFFF 51px);
background-size: 51px 51px;       
}     
*/
     .summary{
         line-height: 1.0em;
     } 
     

 }

/*contents3まで*/



/* ------------------------- CSS for IE ------------------------- */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .person-right h2 span {
        color: #cfa343;
        background: none;
    }
    .person-content-row h5.topic span.color-gradient {
        color: #cfa343;
        background: none;
    }
}





/* ------------------------- 資格別見出し部分 ------------------------- */
.list-feature .1k{
    background-color: #0490db;
}



/* ------------------------- test ------------------------- */

.layout1,.layout2,.layout3{
    padding: 3px;
width:33%;
float:left;
}


/* ------------------------- 吹き出し ------------------------- */

.balloon5 {
  width: 100%;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #fff100;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #fff100;
}

.says p {
  margin: 0;
  padding: 0;
}

/* ------------------------- マーカー ------------------------- */

.marker-yellow {
background: linear-gradient(transparent 50%, #fff100 0%);
}



/*振分ページ用　CVボタン*/

.huriwake_cv_button{
width: 40%;
    margin: 2em 0;
	color: #FFFFFF;
	font-size: 2.0rem;
    /*font-weight: bold;*/
    /*border: solid 2px #F4800C;*/  
    margin: 20px auto;
	background: #F4800C;
}

.huriwake_cv_button:hover{
opacity: 0.7;
    transition: 0.5s;	
}

.huriwake_cv_text{
	color: #FFFFFF;
}

/*----------------------------
カード
-----------------------------*/
.card-sec {
    padding-top: 60px; /* ページタイトルの上の余白 */
    padding-bottom: 142px; /* カード下の余白*/
    background-color: #EFEFEF; /* 背景色 */
}

.page-title {
    position: relative;
    color: #333333;
    font-size: 60px;
}

.page-title:before { /* page-titleの下線 */
    display: inline-block;
    position: absolute;
    width: 76px;
    height: 5px;
    border-radius: 2px;
    background-color: #3F51B5;
    content: '';
    bottom: -42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.card-container {
    display: grid; /* カードの横並び */
    grid-template-columns: repeat(auto-fit, minmax(342px, 1fr)); /* gridの設定 */
    gap: 20px 30px; /* カード同士の隙間 縦方向 横方向 */
    margin: 109px auto 0;
    text-align: start; /* カード内の中央寄せ解除 */
}

.card-item {
    width: 100%;
    max-width: 342px;
    margin: 0 auto;
    padding: 16px 16px 35px;
    background-color: #ffffff;
}

.card-img {
    width: 100%;
    max-width: 310px;
    height: auto; 
    vertical-align: bottom; /* 画像の下の余白を埋める */
}

.card-tit {
    margin-top: 20px;
    color: #6F7579;
    font-size: 20px;
    line-height: 1.2;
}

.card-item p {
    margin-top: 20px;
    color: #6F7579;
    font-size: 16px;
    line-height: 1.5;
}



.lessons ,.lesson-item img{
    width: 100%;

}
.lesson {
    width: 33%;
    background-color: #fff;
    padding: 16px 16px 28px 16px;
    margin-bottom: 20px;
    color: #6F7579;
    border-radius: 5px;
}
.lesson-item p {
    margin-top: 26px;
    margin-bottom: 20px;
    font-size: 20px;
}


*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 50%;
	}
}




/* BASE CSS */
* {
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
img {
	width: 100%;
	vertical-align: bottom;
}

/* ここからカードレイアウトのスタイリング */
/* PC　3カラム */
.bl_media_container {
	display: flex;
	flex-wrap: wrap;
	margin: calc(-30px / 2);
	padding: 30px;
}

.bl_media_itemWrapper {
	width: calc(100% / 3 - 30px);
	margin: calc(30px / 2);
}

.bl_media_item {
	outline: 1px solid #000;
	font-size: 1.5vw;
}

/* タブレット　2カラム */
@media screen and (max-width: 1100px) {
	.bl_media_itemWrapper {
		width: calc(100% / 2 - 30px);
	}
}

/* スマホ 1カラム*/
@media screen and (max-width: 599px) {
	.bl_media_itemWrapper {
		width: calc(100% / 1 - 30px);
	}
}



.cssgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  padding: 0.8em;
  margin: 0 0 2em;
}

.cssgrid > div {
  background: #fff;
  overflow: auto;
  min-width: 0;
  padding: 1em;
  border: 1px solid #e0e0e0;	
  box-shadow: 7px 7px #e3f5ff;
}


.results-par-univ .result {
    background-image: url(./../img/goukaku.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border: solid 1px #ea82a6;
    border-left: 12px #ea82a6 solid;
    box-sizing: border-box;
    letter-spacing: normal;
    margin-bottom: 20px;
    padding: 15px 15px;
    position: relative;
    width: 49%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body {
    color: #000;
    font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial',
        'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ',
        'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic' !important;
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
th,
td,
dt,
dd {
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0;
}

/* link */
a:hover {
    opacity: 0.8;
}

/*font*/
.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.font-32 {
    font-size: 32px;
}

/*text-align*/
.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

/*padding*/
.pa-4 {
    padding: 4px;
}

.pa-6 {
    padding: 6px;
}

.pa-8 {
    padding: 8px;
}

.pa-10 {
    padding: 10px;
}

.pa-20 {
    padding: 20px;
}

.p-4 {
    padding: 4px 0;
}

.p-6 {
    padding: 6px 0;
}

.p-8 {
    padding: 8px 0;
}

.p-10 {
    padding: 10px 0;
}

.p-20 {
    padding: 20px 0;
}

.p-40 {
    padding: 40px 0;
}

.p-50 {
    padding: 50px 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pr-2 {
    padding-right: 2px;
}

.pr-4 {
    padding-right: 4px;
}

.pr-8 {
    padding-right: 8px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-40 {
    padding-right: 40px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-2 {
    padding-left: 2px;
}

.pl-4 {
    padding-left: 4px;
}

.pl-8 {
    padding-left: 8px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-40 {
    padding-left: 40px;
}

/*margin*/
.m-0a {
    margin: 0 auto;
}

.m-10 {
    margin: 10px 0;
}

.m-20 {
    margin: 20px 0;
}

.m-30 {
    margin: 30px 0;
}

.m-40 {
    margin: 40px 0;
}

.m-50 {
    margin: 50px 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-40 {
    margin-right: 40px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-40 {
    margin-left: 40px;
}

/*color*/
.light-blue {
    color: #e9f5ff;
}

.blue {
    color: #4785da;
}

.pink {
    color: #fa7ba7;
}

.deep-pink {
    color: #fd558f;
}

.green {
    color: #3b8677;
}

.white {
    color: #fff;
}

.bg-light-blue,
.bg-light-blue > a {
    background-color: #e9f5ff;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

.bg-blue,
.bg-blue > a {
    background-color: #4785da;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

.bg-deep-pink,
.bg-deep-pink > a {
    background: #fd558f;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

.bg-light-pink,
.bg-light-pink > a {
    background: #fae0e9;
    text-decoration: none;
    width: 100%;
}

.bg-opacity-pink,
.bg-opacity-pink > a {
    background: rgba(250, 224, 233, 0.3);
    text-decoration: none;
    width: 100%;
}

.bg-light-gray,
.bg-light-gray > a {
    background: #f7f7f7;
    color: #292929;
    text-decoration: none;
    width: 100%;
}

.bg-white,
.bg-white > a {
    background: #fff;
    color: #292929;
    text-decoration: none;
    width: 100%;
}

.bg-pink,
.bg-pink > a {
    background-color: #fa7ba7;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

/*width*/
.w10 {
    width: 10%;
}

.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

.grid-col {
    display: inline-block;
    vertical-align: top;
}

.grid-col > * {
    letter-spacing: normal;
}

.grid {
    letter-spacing: -0.4em;
}

.flex {
    display: flex;
    flex-direction: row;
}

.button {
    border-bottom: solid 2px;
    border-radius: 6px;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2),
        0 2px 2px rgba(0, 0, 0, 0.19);
    cursor: pointer;
    display: inline-block;
    padding: 16px 0;
    text-align: center;
    width: 100%;
}

.submit-button .button:hover {
    border-bottom: solid 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.button.bg-blue,
.button.bg-blue:hover {
    border-color: #4485da;
}

.button.bg-light-pink,
.button.bg-light-pink:hover {
    border-color: #ffc0d6;
}

/* footer */
.title-application {
    font-size: 16px;
    text-align: center;
}

.application-button {
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.application-button a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.button-type {
    background-color: #f7d034;
    border-radius: 4px;
    color: #fff;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition: none;
    transition: none;
}

.footer-application {
    background: #eef7ff;
    padding: 40px 0 10px;
}

.footer-application-box {
    margin: 0 auto;
    text-align: center;
    width: 667px;
}

.title-application {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.application-button {
    display: flex;
    margin-top: 20px;
}

.application-button .button-type {
    align-items: center;
    box-sizing: unset;
    display: flex;
    font-size: 24px;
    height: 50px;
    justify-content: center;
    padding: 10px 10px;
    width: 50%;
}

.application-button .button-type span {
    font-size: 14px;
    margin-left: 5px;
}

.application-button .button-type .fa {
    margin-left: 20px;
}

.application-button .button-type a:hover {
    box-shadow: 0 5px 0 #f7ba59;
    opacity: 1;
    top: -2px;
}

.button-document {
    background: #c8475d;
    border-bottom: solid 4px #a00002;
}

.button-experience {
    background: #009c89;
    border-bottom: solid 4px #016c62;
}

.button-interview {
    background: #00519f;
    border-bottom: solid 4px #01366c;
}

.button-type:hover {
    opacity: 1;
    top: -2px;
}

.button-document:hover {
    box-shadow: 0 5px 0 #a00002;
}

.button-experience:hover {
    box-shadow: 0 5px 0 #016c62;
}

.button-interview:hover {
    box-shadow: 0 5px 0 #01366c;
}

.application-button .fa {
    font-size: 13px;
    position: relative;
    top: -1px;
}

/* sns */
.share-sns {
    box-sizing: unset;
    margin: 0 auto;
    padding: 15px 10vw;
    text-align: center;
    width: 500px;
}

.share-sns-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.share-sns-box img {
    height: auto;
    width: 40px;
}

.footer-application-bnr {
    background-color: #f5f5f5;
    padding: 40px 30px;
}

.footer-application-bnr h4 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.footer-application-bnr-box_upper {
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0 auto;
    text-align: center;
    width: 1000px;
}

.footer-application-bnr-box_down {
    display: flex;
    justify-content: center;
    margin: 20px auto 0 auto;
    text-align: center;
    width: 1000px;
}

.footer-application-bnr img {
    margin-bottom: 10px;
}

.application-bnr-item {
    box-sizing: content-box;
    padding: 15px 15px;
    width: 32%;
}

.application-bnr-item p {
    letter-spacing: 0.01em;
    line-height: 1.5;
}

.img-link img {
    height: 100px;
    width: auto;
}

/*     ヘッダー     */
.header {
    height: 153px;
    margin-top: -4px;
}

.bg-pink,
.bg-pink > a {
    background-color: #fa7ba7;
    color: #fff;
    text-decoration: none;
    margin-top: -5px;
}

.header-inner {
    position: relative;
}

.header-inner h1 {
    position: relative;
    z-index: 0;
}

.header-inner h2 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    left: 455px;
    line-height: 1.4;
    position: absolute;
    text-shadow: 3px 3px 3px #fff;
    top: 75px;
    z-index: 10;
}

.header-inner h2 span {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

.header-inner img {
    position: relative;
    top: 8px;
}

#mv h1 {
    font-size: 38px;
    font-weight: bold;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */

/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */

/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */

*,
::before,
::after {
  background-repeat: no-repeat; /* 1 */
  box-sizing: inherit; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */

html {
  box-sizing: border-box; /* 1 */
  cursor: default; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[ttl] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ffff00;
  color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */

::-moz-selection {
  background-color: #b3d4fc; /* 1 */
  color: #000000; /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* 1 */
  color: #000000; /* 1 */
  text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */

/*
 * Change the alignment on media elements in all browers (opinionated).
 */

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

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */

/**
 * Collapse border spacing
 */

table {
  border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */

button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */

textarea {
  overflow: auto; /* 1 */
  resize: vertical; /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */

/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */

/**
 * Change the cursor on busy elements (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */

[aria-disabled] {
  cursor: default;
}
/*
* Theme Name: toshin.com
* Theme URI: https://www.toshin.com
* Description: toshin.comで共通で使うスタイル
* Created Date: 2018.02.28
* Update Date:
*/


/*------------------------------------
  Color
------------------------------------*/

body {
    color: #333;
}


/*------------------------------------
  Font
------------------------------------*/

html {
    /* 1rem=10pxに設定 */
    font-size: 62.5%;
}

body {
    /* win:游ゴシック優先、mac:ヒラギノ角ゴシック優先 */
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
    /* 標準のフォントサイズを 1.6rem=16pxに設定 */
    font-size: 1.6rem;
    letter-spacing: .05em;
}



/*------------------------------------
  Common
------------------------------------*/
*,
*:after,
*:before {
    box-sizing: border-box;
}
a {
         -o-transition: all .3s;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
    -webkit-font-smoothing: antialiased;
}

body {
    height: 100%;
    margin: 0;
}

.img-liquid {
    width: 100%;
    height: auto;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
a {
    cursor: pointer;
}

@media screen and (max-width:600px) {
    img {
        width: 100%;
        height: auto;
    }
}


/*------------------------------------
  General
------------------------------------*/

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.text-center {
    text-align: center;
}

.align-right {
    float: right;
    margin: 0 0 1em 1em;
}
.align-left {
    float: left;
    margin: 0 1em 1em 0;
}
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}
.clear {
    clear: both;
}




/*------------------------------------
  Layout:block
------------------------------------*/

.container-wrap {
    background-color: #fff;
}

.container {
    width: 1000px;
    margin: 0 auto;
}

.section-primary {
    margin-top: 50px;
    margin-bottom: calc(40px + 20px);
}
.section-secondary,
.section-tertiary,
.section-quaternary {
    margin: 40px 0;
}

@media screen and (max-width:600px) {
    .container {
        width: 100%;
        margin: 0 auto;
        padding: 0 2.5%;
    }
    .section-primary {
        margin-top: 30px;
        margin-bottom: calc(20px + 30px);
    }
    .sec-content {
        margin-bottom: 20px;
    }
    .section-secondary,
    .section-tertiary,
    .section-quaternary {
        margin: 20px 0 40px 0;
    }
}



/*------------------------------------
  Layout:column
------------------------------------*/

.col-flex {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 1px;
    margin-left: -15px;
    margin-right: -15px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    padding-right: 15px;
    padding-left: 15px;
}

.col-1 {
    max-width: 8.33333333%;
    flex: 0 0 8.33333333%;
}
.col-2 {
    max-width: 16.666666%;
    flex: 0 0 16.666666%;
}
.col-3 {
    max-width: 25%;
    flex: 0 0 25%;
}
.col-4 {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
}
.col-5 {
    max-width: 41.66667%;
    flex: 0 0 41.66667%;
}
.col-6 {
    max-width: 50%;
    flex: 0 0 50%;
}
.col-7 {
    max-width: 58.33333%;
    flex: 0 0 58.33333%;
}

.col-8 {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%;
}
.col-9 {
    max-width: 75%;
    flex: 0 0 75%;
}
.col-10 {
    max-width: 83.33333%;
    flex: 0 0 83.33333%;
}

.col-11 {
    max-width: 91.6666%;
    flex: 0 0 91.6666%;
}
.col-12 {
    max-width: 100%;
    flex: 0 0 100%;
}

.col-box-2 .col-6,
.col-box-2 .col-4 {
    margin-bottom: 30px;
}

.col-box-2 img,
.col-box-3 img {
    margin-bottom: 15px;
}


@media screen and (max-width:600px) {
    .col-flex {
        margin-left: 0;
        margin-right: 0;
    }
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/*------------------------------------
  Text
------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
th,
td,
dt,
dd {
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

p {
    margin-bottom: 1em;
}

@media screen and (max-width:600px) {
    p {
        margin-bottom: .5em;
    }
}


/*------------------------------------
  ttl
------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5em;
}

.ttl-primary {
    margin-bottom: 40px;
}
.content-main .ttl-primary :first-of-tye {
    margin-bottom: 40px;
}

@media screen and (max-width:600px) {
    .ttl-primary {
        margin-bottom: 20px;
    }
    .content-main .ttl-primary :first-of-tye {
        margin-bottom: 20px;
    }
}



/*------------------------------------
   Header
------------------------------------*/


/*------------------------------------
  Footer
------------------------------------*/

footer {
    margin-top: 100px;
}
html,
body {
    color: #000;
    font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial',
        'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ',
        'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic' !important;
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
th,
td,
dt,
dd {
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0;
}

/* link */
a:hover {
    opacity: 0.8;
}

/*font*/
.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.font-32 {
    font-size: 32px;
}

/*text-align*/
.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

/*padding*/
.pa-4 {
    padding: 4px;
}

.pa-6 {
    padding: 6px;
}

.pa-8 {
    padding: 8px;
}

.pa-10 {
    padding: 10px;
}

.pa-20 {
    padding: 20px;
}

.p-4 {
    padding: 4px 0;
}

.p-6 {
    padding: 6px 0;
}

.p-8 {
    padding: 8px 0;
}

.p-10 {
    padding: 10px 0;
}

.p-20 {
    padding: 20px 0;
}

.p-40 {
    padding: 40px 0;
}

.p-50 {
    padding: 50px 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pr-2 {
    padding-right: 2px;
}

.pr-4 {
    padding-right: 4px;
}

.pr-8 {
    padding-right: 8px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-40 {
    padding-right: 40px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-2 {
    padding-left: 2px;
}

.pl-4 {
    padding-left: 4px;
}

.pl-8 {
    padding-left: 8px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-40 {
    padding-left: 40px;
}

/*margin*/
.m-0a {
    margin: 0 auto;
}

.m-10 {
    margin: 10px 0;
}

.m-20 {
    margin: 20px 0;
}

.m-30 {
    margin: 30px 0;
}

.m-40 {
    margin: 40px 0;
}

.m-50 {
    margin: 50px 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-40 {
    margin-right: 40px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-40 {
    margin-left: 40px;
}

/*color*/
.light-blue {
    color: #e9f5ff;
}

.blue {
    color: #4785da;
}

.pink {
    color: #fa7ba7;
}

.deep-pink {
    color: #fd558f;
}

.green {
    color: #3b8677;
}

.white {
    color: #fff;
}

.bg-light-blue,
.bg-light-blue > a {
    background-color: #e9f5ff;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

.bg-blue,
.bg-blue > a {
    background-color: #4785da;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

.bg-deep-pink,
.bg-deep-pink > a {
    background: #fd558f;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

.bg-light-pink,
.bg-light-pink > a {
    background: #fae0e9;
    text-decoration: none;
    width: 100%;
}

.bg-opacity-pink,
.bg-opacity-pink > a {
    background: rgba(250, 224, 233, 0.3);
    text-decoration: none;
    width: 100%;
}

.bg-light-gray,
.bg-light-gray > a {
    background: #f7f7f7;
    color: #292929;
    text-decoration: none;
    width: 100%;
}

.bg-white,
.bg-white > a {
    background: #fff;
    color: #292929;
    text-decoration: none;
    width: 100%;
}

.bg-pink,
.bg-pink > a {
    background-color: #fa7ba7;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

/*width*/
.w10 {
    width: 10%;
}

.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

.grid-col {
    display: inline-block;
    vertical-align: top;
}

.grid-col > * {
    letter-spacing: normal;
}

.grid {
    letter-spacing: -0.4em;
}

.flex {
    display: flex;
    flex-direction: row;
}

.button {
    border-bottom: solid 2px;
    border-radius: 6px;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2),
        0 2px 2px rgba(0, 0, 0, 0.19);
    cursor: pointer;
    display: inline-block;
    padding: 16px 0;
    text-align: center;
    width: 100%;
}

.submit-button .button:hover {
    border-bottom: solid 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.button.bg-blue,
.button.bg-blue:hover {
    border-color: #4485da;
}

.button.bg-light-pink,
.button.bg-light-pink:hover {
    border-color: #ffc0d6;
}

/* footer */
.title-application {
    font-size: 16px;
    text-align: center;
}

.application-button {
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.application-button a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.button-type {
    background-color: #f7d034;
    border-radius: 4px;
    color: #fff;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition: none;
    transition: none;
}

.footer-application {
    background: #eef7ff;
    padding: 40px 0 10px;
}

.footer-application-box {
    margin: 0 auto;
    text-align: center;
    width: 667px;
}

.title-application {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.application-button {
    display: flex;
    margin-top: 20px;
}

.application-button .button-type {
    align-items: center;
    box-sizing: unset;
    display: flex;
    font-size: 24px;
    height: 50px;
    justify-content: center;
    padding: 10px 10px;
    width: 50%;
}

.application-button .button-type span {
    font-size: 14px;
    margin-left: 5px;
}

.application-button .button-type .fa {
    margin-left: 20px;
}

.application-button .button-type a:hover {
    box-shadow: 0 5px 0 #f7ba59;
    opacity: 1;
    top: -2px;
}

.button-document {
    background: #c8475d;
    border-bottom: solid 4px #a00002;
}

.button-experience {
    background: #009c89;
    border-bottom: solid 4px #016c62;
}

.button-interview {
    background: #00519f;
    border-bottom: solid 4px #01366c;
}

.button-type:hover {
    opacity: 1;
    top: -2px;
}

.button-document:hover {
    box-shadow: 0 5px 0 #a00002;
}

.button-experience:hover {
    box-shadow: 0 5px 0 #016c62;
}

.button-interview:hover {
    box-shadow: 0 5px 0 #01366c;
}

.application-button .fa {
    font-size: 13px;
    position: relative;
    top: -1px;
}

/* sns */
.share-sns {
    box-sizing: unset;
    margin: 0 auto;
    padding: 15px 10vw;
    text-align: center;
    width: 500px;
}

.share-sns-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.share-sns-box img {
    height: auto;
    width: 40px;
}

.footer-application-bnr {
    background-color: #f5f5f5;
    padding: 40px 30px;
}

.footer-application-bnr h4 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.footer-application-bnr-box_upper {
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0 auto;
    text-align: center;
    width: 1000px;
}

.footer-application-bnr-box_down {
    display: flex;
    justify-content: center;
    margin: 20px auto 0 auto;
    text-align: center;
    width: 1000px;
}

.footer-application-bnr img {
    margin-bottom: 10px;
}

.application-bnr-item {
    box-sizing: content-box;
    padding: 15px 15px;
    width: 32%;
}

.application-bnr-item p {
    letter-spacing: 0.01em;
    line-height: 1.5;
}

.img-link img {
    height: 100px;
    width: auto;
}

/*     ヘッダー     */
.header {
    height: 153px;
    margin-top: -4px;
}

.bg-pink,
.bg-pink > a {
    background-color: #fa7ba7;
    color: #fff;
    text-decoration: none;
    margin-top: -5px;
}

.header-inner {
    position: relative;
}

.header-inner h1 {
    position: relative;
    z-index: 0;
}

.header-inner h2 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    left: 455px;
    line-height: 1.4;
    position: absolute;
    text-shadow: 3px 3px 3px #fff;
    top: 75px;
    z-index: 10;
}

.header-inner h2 span {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

.header-inner img {
    position: relative;
    top: 8px;
}

#mv h1 {
    font-size: 38px;
    font-weight: bold;
}
/*litybox*/
.lity-wrap,
.lity {
    z-index: 100001;
}

#selects {
    background: #fff;
    overflow-y: scroll;
    padding: 30px 30px;
}

#selects .accshow > div label:after {
    content: none;
}

#selects .accshow {
    position: relative;
}

#selects .accshow > div {
    display: inline-block;
    letter-spacing: normal;
    width: 50%;
}

#selects .accshow span {
    display: inline-block;
}

#univ-wrapper {
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}

.checkbox-univ {
    display: none;
}

.checkbox-univ-name {
    margin-right: 20px;
    padding-left: 20px;
    position: relative;
}

.checkbox-univ-name::before {
    border: 1px solid #999;
    border-radius: 4px;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}

.checkbox-univ:checked + .checkbox-univ-name {
    color: #4485da;
}

.checkbox-univ:checked + .checkbox-univ-name::after {
    border-bottom: 3px solid #4485da;
    border-right: 3px solid #4485da;
    content: "";
    display: block;
    height: 14px;
    left: 5px;
    position: absolute;
    top: -5px;
    transform: rotate(40deg);
    width: 7px;
}

.litybox-univ .title-primary {
    color: #4785da;
    font-weight: bold;
    margin-top: 15px;
    padding: 0 0;
}

.litybox-univ .title-secondary {
    display: inline-block;
}

.litybox-univ .title-secondary:after {
    color: #4785da;
    content: "\f078";
    right: -50px;
    top: 0;
}

.template-accordion .cssacc:checked + label:after {
    content: "\f077";
    top: 0;
}

.template-accordion {
    margin: 20px 0;
}

.template-accordion label {
    font-weight: normal;
    padding: 0;
}

.accshow {
    border: solid 3px #4785da;
    border-radius: 5px;
    margin: 15px 0 10px 0;
}

.accshow-box {
    margin: 20px 0 30px 0;
}

.template-accordion .cssacc:checked + label + .accshow {
    margin-bottom: 20px;
    padding: 10px 10px 0;
}

#selects .accshow .accshow-item {
    padding: 0 1% 10px 1%;
    width: 31.33333%;
}

#selects .checkbox-univ-name {
    margin: 0;
    padding: 0;
    padding-left: 25px;
}

/* 選択結果 */

.select-result-box {
    margin-top: 30px;
}

#selects #univ-wrapper .selected-univ {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

#selected-univ {
    margin: 20px 0 30px;
    overflow: hidden;
    padding: 20px 20px 5px;
    width: 900px;
}

#selected-univ label {
    cursor: pointer;
    display: block;
    float: left;
    padding: 0 1% 15px 1%;
    width: 31.33333%;
}

#univ-submit {
    background: #4485da;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: none;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    width: 300px;
}

#univ-submit.active {
    display: block;
}

#select-result {
    margin: 10px 0 0;
    overflow: hidden;
    padding: 15px 15px 5px;
}

#select-result label {
    display: block;
    float: left;
    padding: 0 1% 10px 1%;
    width: 31.33333%;
}

#select-result .fa-times:before {
    color: #ccc;
    margin-left: 5px;
}

.search-pop input[type="checkbox"]:checked#tokyo + label {
    background-color: #6fa1e2;
}

.flex {
    display: flex;
}

/*ボックス全体*/
.template-accordion {
    padding: 0;
    width: 900px;
}

/*ラベル*/
.template-accordion label {
    cursor: pointer;
    display: block;
    margin: 3px 0;
    position: relative;
}

/*アイコンを表示*/
.template-accordion label:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 8px;
    position: absolute;
    right: 20px;
    top: 25%;
}

/*チェックは隠す*/
.template-accordion input {
    display: none;
}

/*中身を非表示にしておく*/
.template-accordion .accshow {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.template-accordion .cssacc:checked + label + .accshow {
    height: auto;
    opacity: 1;
}

.template-accordion .accshow p {
    margin: 15px 10px;
}

/*アイコンを入れ替える*/
.template-accordion .cssacc:checked + label:after {
    transform: rotate(90deg);
}
/*     common     */
html,
body {
    color: #000;
    font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial",
        "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ",
        Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
th,
td,
dt,
dd {
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0;
}

.container {
    margin: 0 auto;
    width: 1000px;
}

.wrapper {
    position: relative;
}

.text-center {
    text-align: center;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

.p-10 {
    padding: 10px 0;
}

.pl-10 {
    padding-left: 10px;
}

.m-20 {
    margin: 20px 0;
}

/*     メイン     */
.main {
    border-bottom: 2px #a0d0c8 solid;
}

.top-btn {
    bottom: 20px;
    display: block;
    position: fixed;
    right: 20px;
    z-index: 15;
}

#taikenki-link {
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    width: 900px;
}

/*     各お申込みはこちら     */
.btn-bottom-wrap {
    margin: 0 auto;
    padding: 20px 0;
}

.btn-bottom-wrap h3 {
    border-bottom: none;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.col-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 1px;
    text-decoration: underline;
}

.col-4 {
    flex: 0 0 30%;
    max-width: 33.333333%;
    padding-left: 15px;
    padding-right: 15px;
}

.btn-row-three .btn-basic {
    font-size: 20px;
}

.btn-basicRequest-type01 {
    background-color: #008271;
    background-image: linear-gradient(to bottom, #009380, #008271);
    border: 1px solid #009380;
}

.btn-basic {
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0.8em 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    transition: none;
}

.fa-angle-right {
    display: none;
    float: right;
    line-height: 1.5;
}

.btn-basicApplication-type01 {
    background-color: #dc143c;
    background-image: linear-gradient(to bottom, #dc143c, #cc1338);
    border: 1px solid #cc1338;
}

.btn-basicMeeting-type01 {
    background-color: #0041a4;
    background-image: linear-gradient(to bottom, #0041a4, #002d71);
    border: 1px solid #002d71;
}

/*     検索     */
.bg-opacity-pink,
.bg-opacity-pink > a {
    background: rgba(250, 224, 233, 0.3);
    text-decoration: none;
    width: 100%;
}

.search.container {
    border: 2px #ea82a6 solid;
    border-radius: 4px;
}

.keyword-title {
    margin: 0;
}

.serach-box-wrap {
    box-sizing: border-box;
    padding: 15px 25px;
}

.bg-white,
.bg-white > a {
    background: #fff;
    color: #292929;
    text-decoration: none;
    width: 100%;
}

.serach-box-inner {
    align-items: center;
    display: flex;
}

.grid {
    letter-spacing: -0.4em;
}

.serach-box-info {
    border-right: solid 1px #ccc;
    padding-right: 30px;
}

.grid-col {
    display: inline-block;
    vertical-align: top;
}

.search-box {
    border-radius: 4px;
    box-sizing: border-box;
    width: calc(100% / 2 - 10px);
}

.inputs {
    width: 710px;
}

.grid-col > * {
    letter-spacing: normal;
}

.search .fa-university,
.search-pop .fa-university {
    color: #4785da;
}

#select-univ {
    background-color: #ececec;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: block;
    outline: none;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.search .fa {
    color: #4785da;
    padding-right: 0.5em;
}

.fa {
    display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

#search-word {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    padding: 10px 16px;
    width: 100%;
}

#selects {
    background: #fff;
    overflow-y: scroll;
    padding: 30px 30px;
}

.lity-hide {
    display: none;
}

#univ-wrapper {
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}

.template-accordion {
    margin: 20px 0;
    padding: 0;
    width: 900px;
}

.template-accordion input {
    display: none;
}

.template-accordion label {
    cursor: pointer;
    display: block;
    font-weight: normal;
    margin: 3px 0;
    padding: 0;
    position: relative;
}

#selects .accshow {
    position: relative;
}

.template-accordion .accshow {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition: 0.8s;
}

.accshow {
    border: solid 3px #4785da;
    border-radius: 5px;
    margin: 15px 0 10px 0;
}

#selects .accshow .accshow-item {
    padding: 0 1% 10px 1%;
    width: 31.33333%;
}

#selects .accshow > div {
    display: inline-block;
    letter-spacing: normal;
    width: 50%;
}

.submit-button {
    height: 50px;
    padding-left: 30px;
    width: 200px;
}

#submit {
    box-sizing: border-box;
    float: right;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2em;
}

.button.bg-blue,
.button.bg-blue:hover {
    border-color: #4485da;
}

.bg-blue,
.bg-blue > a {
    background-color: #4785da;
    color: #fff;
    text-decoration: none;
}

.button {
    border-bottom: solid 2px;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2),
        0 2px 2px rgba(0, 0, 0, 0.19);
    cursor: pointer;
    display: inline-block;
    padding: 16px 0;
    text-align: center;
    width: 100%;
}

.search-pop {
    background-color: #fff;
    border: 2px #ea82a6 solid;
    margin-top: 20px;
    padding: 25px 25px 15px;
}

.check-univ {
    width: 100%;
}

.search .fa-university,
.search-pop .fa-university {
    color: #4785da;
}

.check-univ .flex {
    flex-wrap: wrap;
}

.flex {
    display: flex;
    flex-direction: row;
}

.search-pop .univ-button {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 0 0.5% 10px;
    padding: 30px 0;
    text-align: center;
    width: 24%;
}

.search-pop .univ-button a {
    color: #fff;
    text-decoration: none;
}

/*     一覧     */
.result-university {
    color: black;
    text-decoration: none;
}

.univ-wrap {
    background-color: #fff;
    border: 2px #ea82a6 solid;
    border-left: 12px #ea82a6 solid;
    position: relative;
}

.result-university {
    color: black;
    text-decoration: none;
}

.univ-wrap {
    background-color: #fff;
    border: 2px #ea82a6 solid;
    border-left: 12px #ea82a6 solid;
    position: relative;
}

.results-par-univ {
    flex-wrap: wrap;
    font-size: 16px;
    justify-content: space-between;
    line-height: 1.3;
}

.results-par-univ .result {
    background-image: url("./../img/goukaku.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    border: solid 1px #ea82a6;
    border-left: 12px #ea82a6 solid;
    box-sizing: border-box;
    letter-spacing: normal;
    margin-bottom: 20px;
    padding: 15px 15px;
    position: relative;
    width: 49%;
}

.results-par-univ .result-info01 {
    display: flex;
    font-size: 16px;
}

.result .person-img-box {
    background-color: #eef7ff;
    height: 84px;
    overflow: hidden;
    position: relative;
    width: 84px;
}

.result .no-img {
    font-size: 16px;
    left: 50%;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.result img {
    display: block;
    height: auto;
    margin-right: 10px;
    position: relative;
    width: 84px;
    z-index: 100;
}

.results-comment {
    margin-left: 15px;
    width: 350px;
}

.pink {
    color: #fa7ba7;
}

.result .univ span {
    display: inline-block;
}

.results-par-univ .result-info02 {
    align-items: flex-end;
    color: #666;
    font-size: 14px;
    line-height: 1;
    margin-top: 10px;
}

.results-par-univ .result-info02 .name {
    font-weight: bold;
}

.results-par-univ .result-info02 p {
    margin-right: 1em;
}

.info-more {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.readmore {
    color: #4785da;
    text-decoration: underline;
}

.fav-count {
    font-size: 16px;
    margin-left: 10px;
    right: 15px;
}

.fa-heart {
    padding-right: 0.5em;
}

.fa-heart:before {
    content: "\f004";
}

.past-taikenki {
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    text-align: right;
    width: 900px;
}

.taikenki-manga {
    margin-top: 30px;
    text-align: center;
}

.apply-box {
    margin: 0 auto;
    text-decoration: none;
    width: 1000px;
}

.banner-margin {
    margin-top: 10px;
}

.course {
    font-size: 16px;
}

.add-btn-student {
    align-items: center;
    background-color: white;
    border: solid 3px #fa7ba7;
    border-radius: 10px;
    color: #fa7ba7;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 500px;
}

.container {
    margin: 0 auto;
    width: 1000px;
}

.search-univ-keyword-box {
    display: flex;
}

.past-link {
    letter-spacing: normal;
    text-decoration: underline !important;
}





.seotext_05 {
background:linear-gradient(transparent 70%, #FFFF00 0%);
}



.marker-green {
background: linear-gradient(transparent 87%, #d9ffe1 0%);
}

.marker-blue {
background: linear-gradient(transparent 87%, #def3ff 0%);
}


.main {
background: url("https://www.shikaku.co.jp/future/voice/celebration2022/img/grid.svg");
}