@charset "UTF-8";
/* ------------------------- 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;
}
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:#005abf;
	font-weight: bold;
}
.header-top-btn ul li .border-blue-btn-square2 a{
	color:#009e00;
	font-weight: bold;
}
.header-btm {
  background-color: #0d53bc;
	/*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: #2e76b7;
	/*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: #0d53bc;
		/*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 );
    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(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 );
    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.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: 2.8rem;
    line-height: 4.8rem;
    font-weight: 600;
    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 #005abf;
		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: #0d53bc;
  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:#005abf;
  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 #005abf;
    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 #005abf;
    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: #005abf;
    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.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.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: #0d53bc;
  padding: 0px 20px 0px 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
}

#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: #0d53bc;
  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 #005abf;
  padding-bottom: 5px;
}
#top #feedture .list-feature .list-detail-feature .list-sub-title2{
  border-bottom: 1px solid #009e00;
  padding-bottom: 5px;
}

#top #feedture .list-feature .list-detail-feature .list-sub-title h3{
  font-size: 2.4rem;
  font-weight: 600;
  color: #005abf;
}
#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 #005abf;
  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 #005abf;
  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: #005abf;
  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: #005abf;
  font-weight: 500;
  letter-spacing: 0px;
	position: relative;
}



#top .search-button span::after{
	background-image: url(/campaign/first/assets/images/commons/more-icon-plus.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.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:#0d53bc;
  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: 235px;
}
#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: 90%;
}
#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: #005abf;
  left: 0px;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #fff;
  border:1.3px solid #005abf;
  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: center;
  padding-right: 30px;
  padding-bottom: 30px;
}
.div-mt-mb-20{
  margin-top: 20px;
  margin-bottom: 20px;
}
.div-mt-mb-20 img{
  width: 90%;
}


#top .img-float-l-mearg-text{
  float: center;
  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%;
}

.display_pc {
	display: block;
}
.display_sp {
	display: none;
}





/* 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;
    }

	.display_pc {
		display: none;
	}
	.display_sp {
		display: block;
	}


    /* 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 #005abf;
    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.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.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 #005abf;
		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 #005abf;
		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.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.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.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.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;
	}

	.display_pc {
		display: none;
	}
	.display_sp {
		display: block;
	}


	/* 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;
  }
  /*k_setubi_tensakuのレスポンシブ*/

	.flex-container {
		flex-wrap:wrap;
	}

	.flex-box {
		width:100%;
		font-size:2.4rem;
	}
    
    
    
}

<!--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%;
}


/*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;
    }
	.display_pc {
		display: none;
	}
	.display_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;
    }
	.display_pc {
		display: none;
	}
	.display_sp {
		display: block;
	}
}

/* ------------------------- 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;
	}
	.display_pc {
		display: none;
	}
	.display_sp {
		display: block;
	}
}

/* ------------------------- 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;
}


/* ------------------------- 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;
     }


 }


/*contents2*/

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

.contents2 img2 {
     width: 70%;
 }




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

/*テスト*/
.test {
	background-color: #FF6E00;
	padding: 10px;
	margin: 10px;
	color: white;
}


.test2 {
	background-color: #DB1D32;
	padding: 10px;
	margin: 10px;
	color: white;
}

 
 @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;
     }



 }
 
/*contents2まで*/



/* ------------------------- 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;
    }
}