@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 400; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Bold'); font-weight: bold; }
@font-face { font-family: 'Yu Gothic'; src: local('Raleway'); font-weight: 300; }

*{ font-family: 'Raleway', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif !important }

div#all { background-image: url(/artist/avex-hirotsubio/upload/8ef6efb1f71cb8405eacd66cf79ed678c6fb78f4_5ad482804d3ca.jpg); }

#logo{ margin-bottom: 27px; }
#header { border: 0; margin-bottom: 0; background-color: #004cac; }
#header .inner { height: 110px; }
#logo{ margin-bottom: 23px; }

#google_translate_element { width: 127px; position: absolute; right: 0px; top: 52px; }

#linkSNS { top: 52px; }
#navi { border: 0; background-color: #004cac; }
#navi ul { text-align: justify; margin: 23px 0 3px 0; }
#navi ul:after { content: ""; display: inline-block; width: 100%; height: 0; }
#navi li { display: inline-block; float: none; }
#navi a { line-height: 1em !important; font-size: 1.2em !important; color: #FFF !important; padding: 0 !important; }
#navi a:hover { text-decoration: underline !important; }


div#mainTop { border: none; background-color: white; }

#mainBox.type02L #boxCenter { width: 340px; margin-left: 37px !important; }

h2.boxTitle { border-bottom: none !important; font-size: 1.7em !important; text-align: center; font-weight: 400 !important; margin-bottom: 33px !important;}

#moduleWhats{ height: auto !important; }

div#mainBox { padding: 47px 0 50px 0; }

/*p.name a img { height: 50px; }*/

div#boxLeft { width: 603px !important; }

div.listStyle { height: 480px !important; }

div.listStyle div.box { padding: 10px 0 15px 0 !important; border-bottom: 1px solid #ccc !important; font-size: 0.95em !important; }

div.box p.date { float: left; font-weight: 500; line-height: 1.8em; }

div.box p.date span { background-color: #004cac; color: white; width: 100px; text-align: center; display: inline-block; margin: 0 20px 0 10px; font-size: 0.9em; line-height: 1.6em; }

div.box p.article { line-height: 1.8em; }

div.box p.article a{ color: #333; text-decoration: none; }

div.box p.article a:hover{ text-decoration: underline; }

div.interview_first { width: 478px; float: none !important; margin: 0 auto 30px auto; display: block; }
div.interview_first a{ text-decoration: none; color: #000; line-height: 1.5em; }
div.interview_first a span.news2_new{ color: #fff; background-color: #004cac; width: 60px; display: inline-block; text-align: center; float: right; }
div.interview_first a img{ border: solid 1px #ddd; margin-bottom: 8px; }

ul.news2-entry { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
ul.news2-entry li { width: 478px; float: none !important; flex-wrap: wrap; margin-bottom: 30px; }
ul.news2-entry li a{ text-decoration: none; color: #000; line-height: 1.5em; }
ul.news2-entry li a span.news2_new{ color: #fff; background-color: #004cac; width: 60px; display: inline-block; text-align: center; float: right; }
ul.news2-entry li a img{ border: solid 1px #ddd; margin-bottom: 8px; }

#footer{
	border-top: none !important;
	padding: 0 !important;
}

div#newsList {
    height: auto !important;
}

div#newsList div.areaEditor {
    display: none;
}

div#newsList p.date {
    margin-right: 3em;
    line-height: 2.5em;
}

h1.pageTitle,
div#contents{
    background-color: #fff;
}


h1.pageTitle span {
    text-align: center;
    padding-top: 60px;
    font-weight: 400;
    font-size: 1.1em;
}

p.title {
    line-height: 2.5em;
}

div.typeList {width: 80%;margin: 0 auto;}

div.typeList div.box {
    margin-bottom: 0;
    padding: 15px 0 !important;
}

.jumpTop {
    margin-top: 40px;
    text-align: center !important;
}

div#newsList div.typeList div.box div p.title a {
    text-decoration: none;
    color: black;
}

div#newsList div.typeList div.box div p.title a:hover {
    text-decoration: underline;
}

div.jumpTop a {
    text-decoration: none;
    color: #004cac;
    font-size: 1.5em;
    font-weight: 500;
}

div.jumpTop a span{
    color: #333333;
}

div.jumpTop a:hover {
    text-decoration: underline;
}

.detailStyle{
    width: 80%;
    margin: 15px auto;
    line-height: 1.8em;
}

.detailStyle h2{
	font-size: 1.4em;
    line-height: 1.8em;
}

div#mediaList ul {
    width: auto;
    margin: 0 auto;
    background: none !important;
    text-align: center;
}

div#mediaList ul li a {
    border-right: 1px solid #fff;
    background-color: #004cac;
    color: white;
    height: auto !important;
}

div#mediaList ul li a.selected{
    background-color: #fff;
    font-weight: 600;
    color: #004cac;
}

.tab {
    margin: 0 auto 40px auto !important;
}

.tab li {
    float: none;
    display: inline-block;
}

div#mediaList div.box p.date span.icon {
    line-height: 1.6em;
    height: auto;
    font-size: 0.9em;
    display: inline-block;
    overflow: initial;
    margin: 0 20px 0 10px;
    width: 94px;
}

.detailStyle .areaEditor {
    margin-bottom: 3em;
}

div#mediaList{
    height: auto !important;
}

div#mediaList span.date {background: none;color: black;font-size: 1.0em;text-align: left;margin: 0;display: inline-block;min-width: 9.5em;}

span.media_detail_icon {
    line-height: 1.6em;
    height: auto;
    font-size: 0.9em;
    display: inline-block;
    overflow: initial;
    margin: 0 20px 0 10px;
    width: 94px;
    text-align: center;
    color: white;
}

div#freePage01 th {
    color: white;
    font-weight: 400;
    background: #004cac;
    padding: 15px;
    vertical-align: middle;
    display: table-cell;
}

div#freePage01 table {
    border-collapse: separate;
    border-spacing: 2px;
    width: 80%;
    margin: 15px auto 60px auto;
    line-height: 1.8em;
}

div#freePage01 td {
    padding: 15px;
    background: #f6f6f6;
}

div#freePage01 td p{
    text-indent: -1em;
    padding-left: 1em;
}

div#header_img {
    text-align: center;
    background: #fff;
    background-image: url(/artist/avex-hirotsubio/upload/78deb91c981beb157410bc6ceb94e28b7fa49d22_5ad8b433100d7.jpg);
    background-size: 100%;
    z-index: 0;
    position: relative;
    overflow: hidden;
}

div#header_img:before {
    content: '';
    background: inherit;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    top:  -5px;
    bottom: -5px;
    z-index: -1;
}

/* inquiry */

div#inquiry{
width: 780px;
margin: 40px auto 40px auto !important;
background-color: #004cac;
font-size: 1.5em;
text-align: center;
padding: 1em 0;
}

div#inquiry a{
color:white !important;
text-decoration: none;
}

div#inquiry img{
width: 25px;
margin-right: 1em;
}

#pageIndex #contents{
background-color: transparent;
}

#pageIndex #main .layoutInner{
margin-bottom: 0 !important;
}

/* message */
div#message { width: 70%; margin: 0 auto; line-height: 2.7em; font-size: 1.15em; letter-spacing: 0.16em; }
div#message h2 { color: #004cac !important; font-weight: normal !important; font-size: 1.8em !important; margin: 0.5em 0 1.5em 0; }
div#message p { margin-left: 1.5em; }
div#message p span{ margin: 2.8em 0 4em 0; display: inline-block; }
div#message img { width: 80%; margin: 0 auto; padding-bottom: 2.0em; display: block; }


/* our mission */
#pageFree02 h1.pageTitle {
    display: none;
}

#pageFree02 #wrapper {
    overflow: visible;
    width: unset;
}

#pageFree02 #main {
    overflow: visible;
}

#pageFree02 #main .layoutInner {
    padding-top: 0;
}

#freePage02 p {
    font-size: 12px;
    line-height: 2;
}

#freePage02 div.main_area {
    /*margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);*/
    position: relative;
}

#freePage02 div.main_area img.main_img{
    width: 100%;
    height: auto;
}

#freePage02 div.main_area img.main_spimg{
    display: none;
}

#freePage02 div.main_area div.main_white {
    background-color: #ffffff;
    font-size: 16px;
    opacity: 0.7;
    position: absolute;
    /*top: 97px;*/
    top: 12vw;
    left: 50%;
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
    text-align: center;
    line-height: 1.75;
    width: 784px;
    height: 305px;
}

#freePage02 div.main_area div.main_white h1.main_title {
    color: #014dac !important;
    font-size: 53px;
    font-weight: 300;
    line-height: 1;
    margin: 48px 0 0 0;
}

#freePage02 div.main_area div.main_white span.main_subtitle {
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
    margin: 34px 0 13px;
}

#freePage02 div.main_area div.main_white br.sp-only {
    display: none;
}

#freePage02 div#white_area {
    width: 784px;
    /*width: 80%;*/
    margin: 0 auto 80px auto;
}

#freePage02 div.outline_area {
    display: flex;
    justify-content: space-between;
    margin: 100px 0 50px 0;
}

#freePage02 div.outline_group {
    display: flex;
    flex-direction: column;
}

#freePage02 div.outline_area a.outline_link{
    color: #000000;
    display: inline-block;
    text-decoration: none;
}

#freePage02 div.outline_area a.outline_link:hover{
    color: #808080;
}

#freePage02 div.outline_area div.outline_sec{
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
}

#freePage02 div.outline_area div.outline_sec img.outline_img{
    width: 180px;
    height: auto;
}

#freePage02 div.outline_area div.outline_sec div.outline_detail{
    margin: 0 0 0 20px;
    width: 180px;
}

#freePage02 div.outline_area div.outline_sec div.outline_detail div.outline_healthcare {
    background-color: #ddeeff;
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 8px;
    text-align: center;
    width: 105px;
    height: 36px;
}

#freePage02 div.outline_area div.outline_sec div.outline_detail div.outline_wellness {
    background-color: #ffe5cc;
    font-size: 14px;
    line-height: 36px;
    margin-bottom: 8px;
    text-align: center;
    width: 105px;
    height: 36px;
}

#freePage02 div.section_area {
    margin: 0 0 100px 0;
}

#freePage02 div.section_area h2.section_title {
    color: #014ea2 !important;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0 0 40px 0;
    text-align: center;
}

#freePage02 div.section_area div.section_wrap {
    display: flex;
    align-items: flex-start;
}

#freePage02 div.section_area div.section_wrap img.section_img {
    width: 400px;
    height: auto;
}

#freePage02 div.section_area div.section_wrap div.section_detail {
    margin: 0 0 0 50px;
}

#freePage02 div.section_area div.section_wrap div.section_detail h3.section_item {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}

#freePage02 div.section_area div.section_wrap div.section_detail h3.section_item2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
		margin-top: 25px;
}

#freePage02 div.section_area div.section_wrap div.section_detail h3.section_item a.section_link, #freePage02 div.section_area div.section_wrap div.section_detail h3.section_item2 a.section_link{
    color: #014ea2;
    text-decoration: none;
}

#freePage02 div.section_area div.section_wrap div.section_detail h3.section_item a.section_link:hover, #freePage02 div.section_area div.section_wrap div.section_detail h3.section_item2 a.section_link:hover{
    color: #6694c7;
}

#freePage02 div.section_area div.section_wrap div.section_detail a.section_number::before {
    content: '\FF1E';
    margin-right: 5px;
}

#freePage02 div.section_area div.section_wrap div.section_detail a.section_number {
    border-bottom: 1px solid #000000;
    color: #000000;
    display: inline-block;
    line-height: 1;
    margin: 22px 0;
    text-decoration: none;
}

#freePage02 div.section_area div.section_wrap div.section_detail a.section_spnumber {
    display: none;
}

#freePage02 div.section_area div.section_wrap div.section_detail a.section_number:hover {
    border-bottom: 1px solid #808080;
    color: #808080;
}

#freePage02 div.section_area div.section_wrap div.section_detail a.section_interview::before {
    content: '\FF1E';
    margin-right: 5px;
}

#freePage02 div.section_area div.section_wrap div.section_detail a.section_interview {
    border-bottom: 1px solid #000000;
    color: #000000;
    display: inline-block;
    line-height: 1;
    margin: 0 0 22px;
    text-decoration: none;
}

#freePage02 div.section_area div.section_wrap div.section_detail a.section_interview:hover {
    border-bottom: 1px solid #808080;
    color: #808080;
}

#freePage02 div.section_area div.section_wrap div.section_detail span.section_note::before {
    content: '\203B';
    margin-right: 5px;
    margin-left: -16px;
}

#freePage02 div.section_area div.section_wrap div.section_detail span.section_note{
    color: #666666;
    display: inline-block;
    line-height: 1.3;
    margin-left: 15px;
}

#freePage02 div.section_area div.section_wrap div.section_detail span.section_label{
    border-bottom: solid 5px #c9c9ca;
    display: inline-block;
    font-size: 17px;
    font-weight: normal;
    margin: 40px 0 16px 0;
    padding: 0 0 6px 0;
    width: 136px;
}

#freePage02 div.section_area div.section_wrap div.section_detail img.section_project1 {
    margin-top: 4px;
    width: 260px;
    height: auto;
}

#freePage02 div.section_area div.section_wrap div.section_detail img.section_project2 {
    margin-top: 4px;
    width: 335px;
    height: auto;
}

#freePage02 div.section_area div.section_wrap div.section_detail img.section_project3 {
    margin-top: 4px;
    width: 275px;
    height: auto;
}

#freePage02 div.section_area div.section_wrap div.section_detail div.section_owner {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

#freePage02 div.section_area div.section_wrap div.section_detail div.section_owner span.section_name {
    font-size: 14px;
    font-weight: bold;
}

#freePage02 div.section_area div.section_wrap div.section_detail div.section_owner span.section_name a.section_namelink{
    color: #000000;
    text-decoration: none;
}

#freePage02 div.section_area div.section_wrap div.section_detail div.section_owner span.section_name a.section_namelink:hover{
    color: #808080;
}

#freePage02 div.section_area div.section_wrap div.section_detail div.section_owner img.section_chef{
    width: 100px;
    height: auto;
    margin: 0 0 0 60px;
}

/* interview */

#freePage03 {
    width: 70%;
    margin: 0 auto;
    line-height: 1.9em;
    display: flex;
}

#freePage03 p.interviewer{
    margin: 0.75em 0 2em 0;
    display: inline-block;
}

#freePage03 h2 {
    color: #004cac !important;
    font-weight: normal !important;
    font-size: 1.8em !important;
    margin: 0.5em 0 1.0em 0;
    clear: both;
}

#freePage03 h3 {
    font-weight: normal;
    font-size: 1.3em;
    margin: 2em 0 2em 0;
    clear: both;
    display: inline-block;
    border-left: solid 5px #004cac;
    padding-left: 0.5em;
}

#freePage03 dt {
    width: 10%;
    float: left;
    font-weight: bold;
}

#freePage03 dd {
    float: left;
    display: inline-block;
    width: 89%;
    margin-bottom: 1.5em;
}

#freePage03 div.n_nose {
    width: 91%;
    margin: 2em auto 2em auto;
    clear: both;
    position: relative;
    display: inline-block;
    padding: 5% 5% 14% 5%;
    border: solid 3px #eee;
    position: relative;
}

#freePage03 div.n_nose h3 {
    width: 100px;
    padding: 0 0 8em 0;
    float: left;
    margin: 0 1.5em 0 0;
    border: 0;
}

#freePage03 div.n_nose h3 img {
    width: 100%;
    margin-right: 0;
}

#freePage03 div.n_nose a.out_link {
    display: inline-block;
    clear: both;
    padding: 0.5em 1em;
    position: absolute;
    bottom: 2em;
    right: 2em;
    background-color: #eee;
    color: #004cac !important;
    font-weight: bold;
    text-decoration: none;
}

#freePage03 div.n_nose a.out_link:hover {
    background-color: #004cac;
    color: #ffffff !important;
    text-decoration: underline;
}

div#freePage03 div.areaEditor div {
    line-height: 2.0em;
    font-size: 1.1em;
}

#freePage03 div.n_nose h4 {
    float: left;
    margin: 0 1em 0 0;
    color: #004cac !important;
    line-height: 2.6em;
}

#freePage03 div.n_nose section.no1 h4 span {
    font-size: 2.5em;
    font-weight: normal;
    display: block;
    width: 3em;
}

#freePage03 div.n_nose h4 span:before {
}

#freePage03 div.n_nose section.no2 h4 span {
    font-size: 2.5em;
    font-weight: normal;
    display: block;
    width: 3em;
}

#freePage03 div.n_nose section {
    margin-bottom: 1.0em;
}

#freePage03 div.n_nose section.no3 h4 span {
    font-size: 2.5em;
    font-weight: normal;
    display: block;
    width: 3em;
}

#freePage03 div.n_nose section.no3 h4 span {
    font-size: 2.5em;
    font-weight: normal;
    display: block;
    width: 3em;
}

#freePage03 div.n_nose img {
    width: 45%;
    margin-right: 4%;
    float: left;
}

div#freePage03 div.prof1, div#freePage03 div.prof2 {
    width: 100%;
    font-size: 0.9em !important;
    display: inline-block;
    background-color: #f6f6f6;
    margin: 2em 0;
}

div#freePage03 div.prof1 p, div#freePage03 div.prof2 p{
    padding: 20px;
}

div#freePage03 div.prof1 img {
    width: 45%;
    float: left;
    margin: 0 1.5em 0 0;
}

div#freePage03 div.prof2 img {
    width: 45%;
    float: right;
    margin: 0  0 0 1.5em;
}

/* top_banner */
ul#top_banner { width: 100%; display: flex; justify-content: center; margin: 40px 0 30px 0; }
ul#top_banner li { margin: 0 20px; }

/* copyright */

div#copy {
    width: 100%;
    background-color: #004cac;
    color: white;
    padding: 1.5em;
    text-align: center;
}

div#copy a,div#copy a:visited,div#copy a:hover {
    color: white;
}