@charset "utf-8";
/*
theme Name: NEW WEB SITE	
Author: MELTLAB
Description: new theme
version： 1.0.0
*/

@charset "utf-8";
html {}
body {
background-color: #FFFFFF;
min-width: 980px;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
a:link {
color: #000000;
transition: .3s;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #FA6322;
text-decoration: underline;
}
a:active {
color: #FA6322;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::-webkit-selection {
background:#000000;
color:#FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: inherit!important;
}
.sp {
display: none!important;
}
#wrapper {
overflow: hidden;
padding-top: 95px;
}
/*--HEADER-------------*/
header {
    height: 90px;
    background-color: #FFF;
    border-top: 5px solid #FA6322;
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.70);
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.70);
    position: fixed;
    width: 100%;
    top:0;
    z-index: 999
}
header a {
    text-decoration: none;
}
header h1 {
float: left;
margin-left: 15px;
}
header h1 img{
width: auto;
height: 90px
}
header .unv {
float: right;
margin-left: 50px;
}
header .unv img{
width: auto;
height: 90px
}

/*--NAVIGATION-------------*/
#gnav {
margin-top: 34px;
float: right;
font-size: 16px;
font-weight: 600
}
#gnav ul {
}
#gnav ul li {
    float: left;
    margin-left: 20px;
    border-left: 1px solid #ACACAC;
    padding-left: 20px;
}
#gnav ul li a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
#gnav ul li a:hover {
  text-decoration: none;
  color: #FA6322;
}
#gnav ul li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #FA6322;
  transition: .3s;
}
#gnav ul li a:hover::after {
  width: 100%;
}
#gnav ul li:first-child,
#gnav ul li:first-child a{
  color: #FA6322;
  border-left: none;
}

/*--MAINVIS-------------*/
#mainVis {
height: 520px;
position: relative;
text-align: center;
margin-bottom: 70px;
}
#mainVis #logo{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 99;
    pointer-events: none;
    background-image: url(/jinsya/images/mv_dot.png);    
}
#mainVis #scroll{
position: absolute;
left: 40px;
bottom: 15px;
z-index: 99;
}
#mainVis .swiper-slide{
    height: 520px;
    width: 100%;
    background-position: center center;
    background-size: cover;
}
#mainVis .swiper-slide.sl01{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_01.jpg);
}
#mainVis .swiper-slide.sl02{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_02.jpg);
}
#mainVis .swiper-slide.sl03{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_03.jpg);
}
#mainVis .swiper-slide.sl04{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_04.jpg);
}
#mainVis .swiper-slide.sl05{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_05.jpg);
}
#mainVis .swiper-slide.sl06{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_06.jpg);
}
#mainVis .swiper-slide.sl07{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_07.jpg);
}
#mainVis .swiper-slide.sl08{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_08.jpg);
}
#mainVis .swiper-slide.sl09{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_09.jpg);
}
#mainVis .swiper-slide.sl10{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_10.jpg);
}

#mainVis .swiper-button-prev,
#mainVis .swiper-button-next {
  position: absolute;
  top: calc(50% - 15px);
  width: 70px;
  height: 70px;
  margin-top: -22px;
  z-index: 99!important;
  cursor: pointer;
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
}
#mainVis .swiper-button-prev,
#mainVis .swiper-container-rtl .swiper-button-next {
    left: 20px;
    right: auto;
    background-image: url(/jinsya/images/arrow_prev.png);
}
#mainVis .swiper-button-next,
#mainVis .swiper-container-rtl .swiper-button-prev {
  background-image: url(/jinsya/images/arrow_next.png);
  right: 20px;
  left: auto;
}
#mainVis .swiper-pagination_slide_main{
width: 200px;
right: 0;
bottom: 20px;
z-index: 999!important;
}
#mainVis .swiper-pagination-bullet{
margin-left: 5px;
margin-right: 5px;
}
#mainVis .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background-color: transparent!important;
    opacity: 1;
    border: 1px solid #FFFFFF;
}
#mainVis .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FFF;
  background-color: #FFF!important;
  border: 1px solid #FFFFFF;
}


/*--CONTENTS-------------*/
.contents {
width: 1080px;
margin-right: auto;
margin-left: auto;
padding-bottom: 90px;
}
.contents:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden
}
.contents.subpage {
margin-top: 80px;
}
.contents .ttl{
float: left
}
.contents .cont {
float: right;
width: 930px;
}
.contents .cont.line {
padding-bottom: 60px;
border-bottom: 1px solid #6C6C6C;
}
.contents .cont .cont_ttl{
font-size: 22px;
margin-bottom: 15px;
font-weight: 600;
}

.news_topics{
    border: 1px solid #CACACA;
    padding: 5px 10px;
    margin-bottom: 20px;
}


ul#news_list{
border-top: 1px solid #ACACAC;
height: 326px;
overflow-y: scroll;
}
ul#news_list li{
border-bottom: 1px solid #ACACAC;
padding-top: 7px;
padding-bottom: 7px;
}
ul#news_list li table th{
width: 160px;
vertical-align: top;
padding-top: 0.5em
}
ul#news_list li table th span{
    display: block;
    text-align: center;
    border: 1px solid #000000;
    width: 12em;
	margin-bottom:5px;
	font-size: 11px;
}
ul#news_list li table td .meta{
color: #9D9D9D;
margin-bottom: 5px;
}
ul#news_list li table td .meta span{
    font-size: 10px;
    border: 1px solid #9D9D9D;
    border-radius: 20px;
    margin-left: 15px;
    padding: 2px 5px;
}
ul#news_list li table td .meta .ico{
    display: none;
    margin-left: 20px;
}
ul#news_list li table td .meta span a{
    color: #9D9D9D;
    text-decoration: none;
}
ul#news_list li table td .ttl{
font-weight: 600;
}

ul#news_list li table.news_kouen th span{
    border: 1px solid #FA6322;
    color: #FA6322
}
ul#news_list li table th span.講演会{
    border: 1px solid #FA6322!important;
    color: #FA6322!important
}
ul#news_list li table.news_movie th span{
    border: 1px solid #0067FF;
    color: #0067FF
}
ul#news_list li table th span.動画公開{
    border: 1px solid #0067FF!important;
    color: #0067FF!important
}
ul#news_list li table.news_koukai th span{
    border: 1px solid #00CC00;
    color: #00CC00
}
ul#news_list li table th span.公開講座{
    border: 1px solid #00CC00!important;
    color: #00CC00!important
}
ul#news_list li table.news_symposium th span{
    border: 1px solid #A212D9;
    color: #A212D9
}
ul#news_list li table th span.シンポジウム{
    border: 1px solid #A212D9!important;
    color: #A212D9!important
}
ul#news_list li table.news_workshop th span{
    border: 1px solid #00A9A9;
    color: #00A9A9
}
ul#news_list li table th span.ワークショップ{
    border: 1px solid #00A9A9!important;
    color: #00A9A9!important
}
ul#news_list li table.news_kenkyukai th span{
    border: 1px solid #E30087;
    color: #E30087
}
ul#news_list li table th span.研究会{
    border: 1px solid #E30087!important;
    color: #E30087!important
}
ul#news_list li table.news_tenjikai th span{
    border: 1px solid #7E5C00;
    color: #7E5C00
}
ul#news_list li table th span.展示会{
    border: 1px solid #7E5C00!important;
    color: #7E5C00!important
}

ul#news_list li table.ico_on .meta .ico{
    display: inline;
}

/*--SLIDE_BNR-------------*/
#slide_bnr{
    background-image: url(/jinsya/images/bnr_slide_bg.png);
    padding-top: 44px;
    padding-bottom: 44px;
    position: relative;
    margin-bottom: 100px;
}
#slide_bnr .swiper-container_bnr{
width: 835px;
margin-left: auto;
margin-right: auto;
overflow: visible;
}

#slide_bnr .swiper-button-prev,
#slide_bnr .swiper-button-next {
  position: absolute;
  top: calc(50% - 15px);
  width: 60px;
  height: 70px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FA6322
}
#slide_bnr .swiper-button-prev,
#slide_bnr .swiper-container-rtl .swiper-button-next {
    left: 0px;
    right: auto;
    background-image: url(/jinsya/images/arrow_prev.png);
    background-size: 40px auto;
}
#slide_bnr .swiper-button-next,
#slide_bnr .swiper-container-rtl .swiper-button-prev {
  background-image: url(/jinsya/images/arrow_next.png);
  right: 0px;
  left: auto;
  background-size: 40px auto;
}
#slide_bnr .swiper-pagination_bnr{
width: 100%;
margin-left: auto;
margin-right: auto;
bottom: -30px;
z-index: 999!important;
}
#slide_bnr .swiper-pagination-bullet{
margin-left: 5px;
margin-right: 5px;
}
#slide_bnr .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background-color: transparent!important;
    opacity: 1;
    border: 1px solid #FA6322;
}
#slide_bnr .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FA6322;
  background-color: #FA6322!important;
  border: 1px solid #FA6322;
}

/*--ABOUT-------------*/
#about{
position: relative;
}
#about .ph{
position: absolute;
right: 0;
top:0;
}
#about .read{
font-size: 39px;
font-weight: 600;
color: #FA6322;
margin-bottom: 20px;
}
#about .txt{
position: relative;
z-index: 99;
width: 435px;
padding: 20px 20px 20px 0px;
font-size: 18px;
font-weight: 600;
background-color: #fff
}

/*--INDEX_BOOKS-------------*/
#index_books{
    border-top: 1px solid #6C6C6C;
    border-bottom: 1px solid #6C6C6C;
    padding-top: 20px;
    padding-bottom: 20px;
}
#index_books .books_ttl{
font-size: 22px;
margin-bottom: 15px;
font-weight: 600;
text-align: center;
}
#slide_books,
#slide_books_related{
position: relative;
overflow-x: hidden
}
#slide_books .swiper-container_books{
width: 90%;
margin-left: auto;
margin-right: auto;
}
#slide_books_related .swiper-container_books_related{
width: 90%;
margin-left: auto;
margin-right: auto;
overflow-x: hidden
}
#slide_books .swiper-slide{
text-align: center;
}
#slide_books .swiper-slide .thum{
width: auto;
height: 215px;
margin-bottom: 20px;
margin-top: 10px;
}
#slide_books .swiper-slide .thum img{
box-shadow: 0 0 8px gray;
max-width: 100%;
height: auto;
max-height: 100%;
}
#slide_books .swiper-slide .book_name{
margin-bottom: 3px;
font-weight: 600;
}
#slide_books .swiper-slide .book_name_sub{
margin-bottom: 15px;
font-weight: 600;
font-size:12px;
}
#slide_books .swiper-slide .author{
font-size: 11px;
}
#slide_books .swiper-button-prev,
#slide_books .swiper-button-next,
#slide_books_related .swiper-button-prev,
#slide_books_related .swiper-button-next{
  position: absolute;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
}
#slide_books .swiper-button-prev,
#slide_books .swiper-container-rtl .swiper-button-next,
#slide_books_related .swiper-button-prev,
#slide_books_related .swiper-container-rtl .swiper-button-next{
    left: 0px;
    right: auto;
    background-image: url(/images/arrow_or_prev.png);
    background-size: 14px auto;
}
#slide_books .swiper-button-next,
#slide_books .swiper-container-rtl .swiper-button-prev,
#slide_books_related .swiper-button-next,
#slide_books_related .swiper-container-rtl .swiper-button-prev{
  background-image: url(/images/arrow_or_next.png);
  right: 0px;
  left: auto;
  background-size: 14px auto;
}
#index_books .btn_more{
text-align: center;
margin-top: 25px;
}
#index_books .btn_more a{
    text-align: center;
    border: 1px solid #FF6F15;
    border-radius: 20px;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 13px;
    line-height: 12px;
}
#index_books .btn_more a img{
width: auto;
height: 14px;
vertical-align: middle;
margin-left: 20px;
}

/*--INDEX_LINK-------------*/
ul.index_link{
float: left
}
ul.index_link li{
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
    vertical-align: middle;
}
ul.index_link li a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}
.leaflet{
float: right
}

/*--FOOTER-------------*/
footer {
border-top: 1px solid #6C6C6C;
clear: both;
padding-top: 20px;
}
footer ul {
text-align: center;
padding-bottom: 20px;
}
footer li {
margin-right: 10px;
margin-left: 10px;
padding-left: 20px;
display: inline-block;
border-left: 1px solid #ACACAC;
}
footer li:first-child {
border-left: none;
}
footer li a{
text-decoration: none;
}
footer .credit {
background-color: #EEEAE2;
padding-top: 15px;
padding-bottom: 15px;
}
footer .credit table{
margin-left: auto;
margin-right: auto
}
footer .credit table th{
padding-right: 20px;
border-right: 1px solid #ACACAC;
}
footer .credit table td{
padding-left: 20px;
}
footer .copyright {
background-color: #FA6322;
color: #FFF;
padding-top: 15px;
padding-bottom: 15px;
}
footer .copyright .name{
float: right;
padding-right: 50px;
}
footer .copyright .name span{
margin-right: 3em;
}
footer .copyright .copy{
float: left;
padding-left: 50px;
}
/*--SUB_page-------------*/
#scroll_sub{
position: absolute;
left: 30px;
top: 500px;
}

/*--BOOKS_LIST-------------*/
#books_list{
}
#books_list .books_ttl{
font-size: 22px;
margin-bottom: 15px;
font-weight: 600;
border-bottom: 1px solid #6C6C6C;
padding-bottom: 20px;
}
#books_list ul#books_entry{
width: 90%;
margin-left: auto;
margin-right: auto;
}
#books_list ul#books_entry li{
text-align: center;
float: left;
width: 160px;
height: 370px;
margin-right: 60px;
margin-bottom: 40px;
}
#books_list ul#books_entry li:nth-child(4n){
margin-right: 0px;
}
#books_list ul#books_entry li .thum{
width: auto;
height: 215px;
margin-bottom: 20px;
margin-top: 10px;
}
#books_list ul#books_entry li .thum img{
box-shadow: 0 0 8px gray;
max-height: 100%;
width: auto;
}
#books_list ul#books_entry li .book_name{
margin-bottom: 5px;
font-weight: 600;
}
#books_list ul#books_entry li .book_name_sub{
font-size:12px;
margin-bottom: 15px;
font-weight: 600;
}
#books_list ul#books_entry li .author{
font-size: 11px;
}
#books_list .line{
border-bottom: 1px solid #6C6C6C;
}

/*--PAGENATION-------------*/
.pagination {
	margin: 40px 0 30px;
	text-align: center;
}
.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination li {
	display: inline-block;
	width: auto;
}
.pagination li a, .pagination li > span {
	font-size: .9em;
	display: block;
	width: 30px;
	margin: 0 1px;
	padding: 5px 0;
	text-decoration: none;
	color: #FA6322;
	border-radius: 30px;
}
.pagination li > span {
	color: #fff;
	background-color: #FA6322;
}
.pagination li a:hover {
	color: #fff;
	background-color: #FA6322;
}
.pagination li .dots {
	width: 15px;
	padding: 0;
	color: #000;
	border-color: transparent;
	background-color: transparent;
}

/*--BOOKS_DETAIL-------------*/
#books_detail_header{
background-color: #EEEAE2;
font-weight: 500;
padding-top: 80px;
}
#books_detail_header .cont_in_l{
width: 440px;
height: auto;
float: left
}
#books_detail_header .cont_in_l .cover{
margin-bottom: 25px;
}
#books_detail_header .cont_in_l .cover img{
width: 100%;
height: auto;
box-shadow: 0 0 8px gray;
}
#books_detail_header .shohyou ul{
padding-top: 15px;
}
#books_detail_header .shohyou ul li{
float: left;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #CCCCCC;
}
#books_detail_header .shohyou ul li:last-child{
border-right: none;
}
#books_detail_header .shohyou a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #FA6322
}
#books_detail_header .cont_in_r{
width: 440px;
height: auto;
float: right
}
#books_detail_header .cont_in_r .book_ttl{
font-size: 28px;
color: #FA6322;
font-weight: 600;
}
#books_detail_header .cont_in_r .book_ttl_sub{
font-size: 22px;
color: #FA6322;
}
#books_detail_header .cont_in_r table{
margin-top: 20px;
margin-bottom: 40px;
}
#books_detail_header .cont_in_r table th{
color: #FA6322;
padding-right: 20px;
white-space:nowrap;
vertical-align:top;
}
#books_detail_header .cont_in_r .read{
font-size: 22px;
font-weight: 600;
margin-bottom: 20px;
}
#books_detail_header .cont_in_r .web_link{
margin-top: 20px;
}
#books_detail_header .cont_in_r .web_link a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #FA6322
}
h3.books_meta{
font-size: 22px;
font-weight: 600
}
.bx_author{
float: right;
width: 530px;
margin-bottom: 40px;
}
.bx_author table th{
vertical-align: top;
}
.bx_author table th img{
width: 160px;
height: auto
}
.bx_author table td{
padding-left: 20px;
vertical-align: top
}
.bx_author table td .name{
font-size: 18px;
margin-bottom: 10px;
}
.bx_author table td .prof{
font-size: 13px;
margin-bottom: 10px;
}
.bx_author table td .link{
margin-bottom: 5px;
}
.bx_author table td .link a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #FA6322
}


/*--BOOK_RELATED-------------*/
#books_related{
}
#books_related .swiper-button-prev.swiper-button-disabled, 
#books_related .swiper-button-next.swiper-button-disabled {
  opacity: 0!important;
  cursor: auto;
  pointer-events: none;
}
#books_related li{
float: left;
width: 27%;
margin-right: 9.5%;
margin-bottom: 40px;
}
#books_related li:nth-child(3n){
margin-right: 0%;
}
#books_related li .thum{
width: auto;
height: 380px;
margin-bottom: 20px;
margin-top: 10px;
padding: 10px;
}
#books_related li .thum img{
box-shadow: 0 0 8px gray;
width: auto;
height: 350px;
object-fit: contain;
}
#books_related li .book_name{
font-size: 22px;
color: #FA6322;
font-weight: 600;
}
#books_related li .book_name_sub{
font-size: 16px;
font-weight: 600;
color: #FA6322;
}
#books_related li table{
margin-top: 20px;
margin-bottom: 40px;
}
#books_related li table th{
color: #FA6322;
padding-right: 20px;
white-space: nowrap;
vertical-align: top;
}
#books_related li .web_link{
margin-top: 30px;
}
#books_related li .web_link a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #FA6322
}


/*--MOVIE_ENTRY-------------*/
ul#movie_entry{}
ul#movie_entry li{
border-bottom: 1px solid #6C6C6C;
padding-top: 15px;
padding-bottom: 25px;
}
ul#movie_entry li .date{
color: #9D9D9D;
margin-bottom: 10px;
}
ul#movie_entry li .date img{
margin-right: 10px;
}
ul#movie_entry li .ttl{
font-weight: 600;
margin-bottom: 10px;
float: none;
font-size: 20px;
}
ul#movie_entry li .ttl a{
    color: #FA6322;
    text-decoration: none;
}
ul#movie_entry li .meta{
    font-size: 10px;
     color: #9D9D9D;
}
ul#movie_entry li .meta span{
    border: 1px solid #9D9D9D;
    border-radius: 20px;
    margin-left: 15px;
    padding: 2px 5px;
}
ul#movie_entry li .meta span a{
    color: #9D9D9D;
    text-decoration: none;
}
.ico_no .ico{
display:none
}

#anc_news,
#anc_link{
padding-top: 120px;
margin-top:-120px;
}


/*--INTERVIEW-------------*/
#interview_wrap{}
.interview_nav{
margin-bottom: 60px;
}
.interview_nav .ph{
width: 460px;
float: left
}
.interview_nav .ph img{
width: 100%;
height: auto
}
.interview_nav .txt{
width: 450px;
float: right
}
.interview_nav .txt .title{
font-size: 32px;
color: #FA6323;
margin-bottom: 1.7em;
margin-top: 0.5em
}
.interview_nav .txt .name{
font-size: 26px;
}
.interview_nav .txt .name span{
font-size: 12px;
margin-left: 2em
}

.int_mv{
margin-bottom: 10px
}
.int_mv img{
width: 100%;
height: auto
}
.int_mv_credit{
text-align: right;
font-size: 11px;
}
.int_header{
margin-top: 1em
}
.int_header .title{
font-size: 64px;
color: #FA6323;
margin-bottom: 0.7em;
margin-top: 0.2em
}
.int_header .name{
font-size: 26px;
margin-bottom: 1em
}
.int_header .name span{
font-size: 12px;
margin-left: 2em
}
.int_heading{
font-size: 32px;
color: #FA6323;
margin-top: 1.5em;
margin-bottom: 1.5em
}
.int_txt{
font-size: 18px;
margin-bottom: 1.5em;
line-height: 1.9;
letter-spacing: 0.05em
}
.interview_prof{
width: 500px;
float: right
}
.interview_prof .ph img{
width: 100%;
height: auto
}
.interview_prof .ph_cap,
.ph_cap{
text-align: right;
margin-top: 0.4em;
margin-bottom: 1em;
font-size: 11px;
}
.interview_prof.lside{
float: left
}
.ph_wide{}
.ph_wide img{
width: 100%;
height: auto
}
.int_booknav{
width: 390px;
float: right
}
.int_booknav ul li{
width: 120px;
float: left;
text-align: center;
margin-right: 20px;
}
.int_booknav ul li img{
width: 100%;
height: auto;
margin-bottom: 1em
}
.int_booknav ul li a{
background-color: #FA6323;
border-radius: 60px;
color: #FFF;
text-decoration: none;
display: block
}
.int_booknav ul li a:hover{
opacity: .3
}
.int_booknav_feature{
background-color: #F9F1E1;
padding: 25px;
margin-top: 30px;
}
.int_booknav_feature .thum{
width: 230px;
float: left
}
.int_booknav_feature .thum .head{
font-size: 26px;
color: #FA6323;
letter-spacing: 0.2em
}
.int_booknav_feature img{
width: 100%;
height: auto
}
.int_booknav_feature .txt{
width: 600px;
float: right
}
.int_booknav_feature .txt .head{
font-size: 22px;
letter-spacing: 0.05em;
margin-bottom: 0.7em;
}






















@media screen and (max-width: 479px) {
html {}
body {
background-color: #FFFFFF;
min-width: 320px;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
a:link {
color: #000000;
transition: .3s;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #FA6322;
text-decoration: underline;
}
a:active {
color: #FA6322;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::-webkit-selection {
background:#000000;
color:#FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: none!important;
}
.sp {
display: inherit!important;
}
#wrapper {
overflow: hidden;
padding-top: 76px;
}
/*--HEADER-------------*/
header {
    height:70px;
    background-color: #FFF;
    border-top: 5px solid #FA6322;
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.70);
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.70);
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    left: 0;
}
header a {
    text-decoration: none;
}
header h1 {
float: left;
margin-left: 15px;
}
header h1 img{
width: auto;
height: 70px;
}
header .unv {
float: right;
margin-left: 50px;
margin-right: 70px;
width: 70px;
text-align: center;
background-color: #000;
}
header .unv img{
width: auto;
height: 70px;
}

/*--NAVIGATION-------------*/
#gnav {
margin-top: 0px;
float: none;
font-size: 16px;
font-weight: 600;
display: none;
background-color: #000;
position: fixed;
width: 140px;
right: 0;
top: 75px;
}
#gnav ul {
text-align: center;
padding-top: 3em;
}
#gnav ul li {
    float: none;
    margin-left: 0px;
    border-left: none;
    padding-left: 0px;
    margin-bottom: 1.8em;
}
#gnav ul li a {
  position: relative;
  display: inline-block;
  transition: .3s;
  color: #FFF;
}
#gnav ul li a:hover {
  text-decoration: none;
  color: #FA6322;
}
#gnav ul li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #FA6322;
  transition: .3s;
}
#gnav ul li a:hover::after {
  width: 100%;
}
#gnav ul li:first-child,
#gnav ul li:first-child a{
  color: #FA6322;
  border-left: none;
}

/*--MAINVIS-------------*/
#mainVis {
height: 430px;
position: relative;
text-align: center;
margin-bottom: 70px;
}
#mainVis #logo{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 99;
    pointer-events: none;
    background-image: url(/jinsya/images/mv_dot.png);
    height: 430px;
    text-align: center;
    width: 100%;
}
#mainVis #logo img{
width: 80%;
height: auto;
padding-top: 50px;
}
#mainVis #scroll{
position: absolute;
left: 40px;
bottom: 15px;
z-index: 99;
display: none;
}
#mainVis .swiper-slide{
    height: 430px;
    width: 100%;
    background-position: center center;
    background-size: cover;
}
#mainVis .swiper-slide.sl01{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_01.jpg);
}
#mainVis .swiper-slide.sl02{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_02.jpg);
}
#mainVis .swiper-slide.sl03{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_03.jpg);
}
#mainVis .swiper-slide.sl04{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_04.jpg);
}
#mainVis .swiper-slide.sl05{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_05.jpg);
}
#mainVis .swiper-slide.sl06{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_06.jpg);
}
#mainVis .swiper-slide.sl07{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_07.jpg);
}
#mainVis .swiper-slide.sl08{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_08.jpg);
}
#mainVis .swiper-slide.sl09{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_09.jpg);
}
#mainVis .swiper-slide.sl10{
background-image: url(/jinsya/wp_jinsya/wp-content/uploads/2022/11/mv_2022_10.jpg);
}
#mainVis .swiper-button-prev,
#mainVis .swiper-button-next {
  position: absolute;
  top: calc(50% - 15px);
  width: 70px;
  height: 70px;
  margin-top: -22px;
  z-index: 99!important;
  cursor: pointer;
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
}
#mainVis .swiper-button-prev,
#mainVis .swiper-container-rtl .swiper-button-next {
    left: 20px;
    right: auto;
    background-image: url(/jinsya/images/arrow_prev.png);
}
#mainVis .swiper-button-next,
#mainVis .swiper-container-rtl .swiper-button-prev {
  background-image: url(/jinsya/images/arrow_next.png);
  right: 20px;
  left: auto;
}
#mainVis .swiper-pagination_slide_main{
width: 200px;
right: 0;
bottom: 20px;
z-index: 999!important;
}
#mainVis .swiper-pagination-bullet{
margin-left: 5px;
margin-right: 5px;
}
#mainVis .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background-color: transparent!important;
    opacity: 1;
    border: 1px solid #FFFFFF;
}
#mainVis .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FFF;
  background-color: #FFF!important;
  border: 1px solid #FFFFFF;
}
.swiper-container, .swiper-container_sub, .swiper-container_detail {
    padding-bottom: 20px!important;
}

/*--CONTENTS-------------*/
.contents {
width: 90%;
margin-right: auto;
margin-left: auto;
padding-bottom: 40px;
}
.contents:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden
}
.contents.subpage {
margin-top: 40px;
}
.contents .ttl{
float: left
}
.contents .cont {
float: right;
width: calc(90% - 30px);
}
.contents .cont.line {
padding-bottom: 60px;
border-bottom: 1px solid #6C6C6C;
}
.contents .cont .cont_ttl{
font-size: 16px;
margin-bottom: 5px;
font-weight: 600;
}
ul#news_list{
border-top: 1px solid #ACACAC;
}
ul#news_list li{
border-bottom: 1px solid #ACACAC;
padding-top: 7px;
padding-bottom: 7px;
}
ul#news_list li table th{
width: auto;
}
ul#news_list li table th span{
    display: inline-block;
    text-align: center;
    border: 1px solid #000000;
    width: auto;
	font-size:11px;
	padding:0px 5px;
	margin-right:5px;
}
ul#news_list li table td .meta{
color: #9D9D9D;
margin-bottom: 5px;
}
ul#news_list li table td .meta span{
    font-size: 10px;
    border: 1px solid #9D9D9D;
    border-radius: 20px;
    margin-left: 15px;
    padding: 1px 3px;
    white-space: nowrap;
}
ul#news_list li table td .meta .ico{
    display: none;
    margin-left: 20px;
}
ul#news_list li table td .meta span a{
    color: #9D9D9D;
    text-decoration: none;
}
ul#news_list li table td .ttl{
font-weight: 600;
}

ul#news_list li table.news_kouen th span{
    border: 1px solid #FA6322;
    color: #FA6322
}
ul#news_list li table.news_movie th span{
    border: 1px solid #0067FF;
    color: #0067FF
}
ul#news_list li table.news_koukai th span{
    border: 1px solid #00CC00;
    color: #00CC00
}
ul#news_list li table.ico_on .meta .ico{
    display: inline;
}
ul#news_list li table th,
ul#news_list li table td{
width: auto;
display: block;
}

/*--SLIDE_BNR-------------*/
#slide_bnr{
    background-image: url(/jinsya/images/bnr_slide_bg.png);
    padding-top: 22px;
    padding-bottom: 22px;
    position: relative;
    margin-bottom: 50px;
}
#slide_bnr .swiper-container_bnr{
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
#slide_bnr .swiper-container_bnr .swiper-slide img{
width: 100%;
height: auto;
}

#slide_bnr .swiper-button-prev,
#slide_bnr .swiper-button-next {
  position: absolute;
  top: calc(50% - 15px);
  width: 60px;
  height: 70px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FA6322;
  display: none;
}
#slide_bnr .swiper-button-prev,
#slide_bnr .swiper-container-rtl .swiper-button-next {
    left: 0px;
    right: auto;
    background-image: url(/jinsya/images/arrow_prev.png);
    background-size: 40px auto;
}
#slide_bnr .swiper-button-next,
#slide_bnr .swiper-container-rtl .swiper-button-prev {
  background-image: url(/jinsya/images/arrow_next.png);
  right: 0px;
  left: auto;
  background-size: 40px auto;
}
#slide_bnr .swiper-pagination_bnr{
width: 100%;
margin-left: auto;
margin-right: auto;
bottom: -30px;
z-index: 999!important;
}
#slide_bnr .swiper-pagination-bullet{
margin-left: 5px;
margin-right: 5px;
}
#slide_bnr .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background-color: transparent!important;
    opacity: 1;
    border: 1px solid #FA6322;
}
#slide_bnr .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FA6322;
  background-color: #FA6322!important;
  border: 1px solid #FA6322;
}

/*--ABOUT-------------*/
#about{
position: relative;
}
#about .ph{
position: relative;
right: 0;
top:0;
margin-bottom: 10px;
}
#about .ph img{
width: 100%;
height: auto;
}
#about .read{
font-size: 20px;
font-weight: 600;
color: #FA6322;
margin-bottom: 10px;
}
#about .txt{
position: relative;
z-index: 99;
width: 100%;
padding: 0px 0px 0px 0px;
font-size: 14px;
font-weight: 600;
background-color: #fff
}

/*--INDEX_BOOKS-------------*/
#index_books{
    border-top: 1px solid #6C6C6C;
    border-bottom: 1px solid #6C6C6C;
    padding-top: 20px;
    padding-bottom: 20px;
}
#index_books .books_ttl{
font-size: 18px;
margin-bottom: 10px;
font-weight: 600;
text-align: center;
}
#slide_books{
position: relative;
overflow-x: hidden
}
#slide_books .swiper-container_books{
width: 90%;
margin-left: auto;
margin-right: auto;
}
#slide_books .swiper-slide{
text-align: center;
}
#slide_books .swiper-slide .thum{
width: auto;
height: 120px;
margin-bottom: 20px;
margin-top: 10px;
}
#slide_books .swiper-slide .thum img{
box-shadow: 0 0 8px gray;
max-width: 100%;
height: auto;
max-height: 100%;
}
#slide_books .swiper-slide .book_name{
margin-bottom: 10px;
font-weight: 600;
}
#slide_books .swiper-slide .author{
font-size: 11px;
}
#slide_books .swiper-button-prev,
#slide_books .swiper-button-next {
  position: absolute;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
}
#slide_books .swiper-button-prev,
#slide_books .swiper-container-rtl .swiper-button-next {
    left: 0px;
    right: auto;
    background-image: url(/jinsya/images/arrow_or_prev.png);
    background-size: 14px auto;
}
#slide_books .swiper-button-next,
#slide_books .swiper-container-rtl .swiper-button-prev {
  background-image: url(/jinsya/images/arrow_or_next.png);
  right: 0px;
  left: auto;
  background-size: 14px auto;
}
#index_books .btn_more{
text-align: center;
margin-top: 25px;
}
#index_books .btn_more a{
    text-align: center;
    border: 1px solid #FF6F15;
    border-radius: 20px;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 13px;
    line-height: 12px;
}
#index_books .btn_more a img{
width: auto;
height: 14px;
vertical-align: middle;
margin-left: 20px;
}

/*--INDEX_LINK-------------*/
ul.index_link{}
ul.index_link li{
    font-size: 13px;
    margin-bottom: 15px;
    font-weight: 600;
    vertical-align: middle;
}
ul.index_link li a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}


/*--FOOTER-------------*/
footer {
border-top: 1px solid #6C6C6C;
clear: both;
padding-top: 20px;
}
footer ul {
text-align: center;
padding-bottom: 20px;
}
footer li {
margin-right: 10px;
margin-left: 10px;
padding-left: 20px;
display: inline-block;
border-left: 1px solid #ACACAC;
}
footer li:first-child {
border-left: none;
}
footer li a{
text-decoration: none;
}
footer .credit {
background-color: #EEEAE2;
padding-top: 10px;
padding-bottom: 10px;
}
footer .credit table{
margin-left: auto;
margin-right: auto;
font-size: 11px;
}
footer .credit table th{
padding-right: 20px;
border-right: 1px solid #ACACAC;
}
footer .credit table td{
padding-left: 20px;
}
footer .copyright {
background-color: #FA6322;
color: #FFF;
padding-top: 15px;
padding-bottom: 15px;
font-size: 10px;
text-align: center;
}
footer .copyright .name{
float: none;
padding-right: 0px;
}
footer .copyright .name span{
margin-right: 2em;
}
footer .copyright .copy{
float: none;
padding-left: 0px;
}
/*--SUB_page-------------*/
#scroll_sub{
position: absolute;
left: 30px;
top: 500px;
display: none;
}

/*--BOOKS_LIST-------------*/
#books_list{
}
#books_list .books_ttl{
font-size: 18px;
margin-bottom: 15px;
font-weight: 600;
border-bottom: 1px solid #6C6C6C;
padding-bottom: 10px;
}
#books_list ul#books_entry{
width: 90%;
margin-left: auto;
margin-right: auto;
}
#books_list ul#books_entry li{
text-align: center;
float: none;
width: 100%;
min-height: 320px;
margin-right: 0px;
margin-bottom: 40px;
}
#books_list ul#books_entry li:nth-child(4n){
margin-right: 0px;
}
#books_list ul#books_entry li .thum{
width: 160px;
height: auto;
margin-bottom: 10px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
#books_list ul#books_entry li .thum img{
box-shadow: 0 0 8px gray;
width: auto;
height: 250px;
object-fit: contain;
}
#books_list ul#books_entry li .book_name{
margin-bottom: 5px;
font-weight: 600;
}
#books_list ul#books_entry li .book_name_sub {
    margin-bottom: 5px;
}
#books_list ul#books_entry li .author{
font-size: 11px;
}
#books_list .line{
border-bottom: 1px solid #6C6C6C;
}

/*--PAGENATION-------------*/
.pagination {
	margin: 40px 0 30px;
	text-align: center;
}
.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination li {
	display: inline-block;
	width: auto;
}
.pagination li a, .pagination li > span {
	font-size: .9em;
	display: block;
	width: 30px;
	margin: 0 1px;
	padding: 5px 0;
	text-decoration: none;
	color: #FA6322;
	border-radius: 30px;
}
.pagination li > span {
	color: #fff;
	background-color: #FA6322;
}
.pagination li a:hover {
	color: #fff;
	background-color: #FA6322;
}
.pagination li .dots {
	width: 15px;
	padding: 0;
	color: #000;
	border-color: transparent;
	background-color: transparent;
}

/*--BOOKS_DETAIL-------------*/
#books_detail_header{
background-color: #EEEAE2;
font-weight: 500;
padding-top: 40px;
}
#books_detail_header .cont_in_l{
width: 100%;
height: auto;
float: none;
}
#books_detail_header .cont_in_l .cover{
margin-bottom: 15px;
}
#books_detail_header .cont_in_l .cover img{
width: 100%;
height: auto;
box-shadow: 0 0 8px gray;
}
#books_detail_header .shohyou ul{
margin-bottom: 20px;
}
#books_detail_header .shohyou ul li{
float: left;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #CCCCCC;
}
#books_detail_header .shohyou ul li:last-child{
border-right: none;
}
#books_detail_header .shohyou a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #FA6322
}
#books_detail_header .cont_in_r{
width: 100%;
height: auto;
float: none;
clear: both;
padding-top: 25px;
}
#books_detail_header .cont_in_r .book_ttl{
font-size: 18px;
color: #FA6322;
font-weight: 600;
}
#books_detail_header .cont_in_r .book_ttl_sub{
font-size: 16px;
color: #FA6322;
}
#books_detail_header .cont_in_r table{
margin-top: 20px;
margin-bottom: 40px;
font-size: 12px;
}
#books_detail_header .cont_in_r table th{
color: #FA6322;
padding-right: 20px;
}
#books_detail_header .cont_in_r .read{
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
#books_detail_header .cont_in_r .web_link{
margin-top: 20px;
}
#books_detail_header .cont_in_r .web_link a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #FA6322
}
h3.books_meta{
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
.bx_author{
float: none;
width: 100%;
margin-bottom: 20px;
}
.bx_author table th{
vertical-align: top;
}
.bx_author table th img{
width: 90px;
height: auto
}
.bx_author table td{
padding-left: 20px;
vertical-align: top
}
.bx_author table td .name{
font-size: 14px;
margin-bottom: 10px;
}
.bx_author table td .prof{
font-size: 11px;
margin-bottom: 10px;
}
.bx_author table td .link{
margin-bottom: 5px;
font-size: 11px;
}
.bx_author table td .link a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #FA6322
}


/*--BOOK_RELATED-------------*/
#books_related{
}
#books_related li{
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 40px;
}
#books_related li:nth-child(3n){
margin-right: 0%;
}
#books_related li .thum{
width: 200px;
height: auto;
margin-bottom: 20px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
#books_related li .thum img{
box-shadow: 0 0 8px gray;
width: 100%;
height: auto;
}
#books_related li .book_name{
font-size: 18px;
color: #FA6322;
font-weight: 600;
}
#books_related li .book_name_sub{
font-size: 14px;
font-weight: 600;
}
#books_related li table{
margin-top: 20px;
margin-bottom: 10px;
font-size: 12px;
}
#books_related li table th{
color: #FA6322;
padding-right: 20px;
}
#books_related li .web_link{
margin-top: 30px;
}
#books_related li .web_link a{
    text-decoration: none;
    padding-right: 20px;
    background-image: url(/jinsya/images/arrow_or_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    color: #FA6322
}


/*--MOVIE_ENTRY-------------*/
ul#movie_entry{}
ul#movie_entry li{
border-bottom: 1px solid #6C6C6C;
padding-top: 15px;
padding-bottom: 25px;
}
ul#movie_entry li .date{
color: #9D9D9D;
margin-bottom: 10px;
}
ul#movie_entry li .date img{
margin-right: 10px;
}
ul#movie_entry li .ttl{
font-weight: 600;
margin-bottom: 10px;
float: none;
font-size: 16px;
}
ul#movie_entry li .ttl a{
    color: #FA6322;
    text-decoration: none;
}
ul#movie_entry li .meta{
    font-size: 10px;
     color: #9D9D9D;
}
ul#movie_entry li .meta span{
    border: 1px solid #9D9D9D;
    border-radius: 20px;
    margin-left: 15px;
    padding: 2px 5px;
}
ul#movie_entry li .meta span a{
    color: #9D9D9D;
    text-decoration: none;
}


/*--INTERVIEW-------------*/
#interview_wrap{
  float: none!important;
  width: calc(100% - 0px)!important;

}
.interview_nav{
margin-bottom: 30px;
}
.interview_nav .ph{
width: 100%;
float: none;
margin-bottom: 10px;
}
.interview_nav .ph img{
width: 100%;
height: auto
}
.interview_nav .txt{
width: 100%;
float: none
}
.interview_nav .txt .title{
font-size: 24px;
color: #FA6323;
margin-bottom: 0.7em;
margin-top: 0.5em
}
.interview_nav .txt .name{
font-size: 18px;
}
.interview_nav .txt .name span{
font-size: 12px;
margin-left: 2em
}

.int_mv{
margin-bottom: 10px
}
.int_mv img{
width: 100%;
height: auto
}
.int_mv_credit{
text-align: right;
font-size: 11px;
}
.int_header{
margin-top: 1em
}
.int_header .title{
font-size: 26px;
color: #FA6323;
margin-bottom: 0.7em;
margin-top: 0.2em
}
.int_header .name{
font-size: 18px;
margin-bottom: 1em
}
.int_header .name span{
font-size: 12px;
margin-left: 2em
}
.int_heading{
font-size: 22px;
color: #FA6323;
margin-top: 1.5em;
margin-bottom: 1.5em
}
.int_txt{
font-size: 16px;
margin-bottom: 1.5em;
line-height: 1.9;
letter-spacing: 0.05em
}
.interview_prof{
width: 80%;
float: none;
margin-left: auto;
margin-right: auto
}
.interview_prof .ph img{
width: 100%;
height: auto
}
.interview_prof .ph_cap,
.ph_cap{
text-align: right;
margin-top: 0.4em;
margin-bottom: 1em;
font-size: 11px;
}
.interview_prof.lside{
float: none
}
.ph_wide{}
.ph_wide img{
width: 100%;
height: auto
}
.int_booknav{
width: 80%;
float: none;
text-align: center;
margin-left: auto;
margin-right: auto
}
.int_booknav ul li{
width: calc(50% - 20px);
float: left;
text-align: center;
margin-right: 10px;
margin-left: 10px;
display: inline-block
}
.int_booknav ul li img{
width: 100%;
height: auto;
margin-bottom: 1em
}
.int_booknav ul li a{
background-color: #FA6323;
border-radius: 60px;
color: #FFF;
text-decoration: none;
display: block
}
.int_booknav_feature{
background-color: #F9F1E1;
padding: 25px;
margin-top: 30px;
}
.int_booknav_feature .thum{
width: 80%;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 20px;
}
.int_booknav_feature .thum .head{
font-size: 20px;
color: #FA6323;
letter-spacing: 0.2em;
}
.int_booknav_feature img{
width: 100%;
height: auto
}
.int_booknav_feature .txt{
width: 100%;
float: none
}
.int_booknav_feature .txt .head{
font-size: 20px;
letter-spacing: 0.05em;
margin-bottom: 0.7em;
}




input{ font-size:16px; } /*フォームのフォーカスOFF*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  font-size:16px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*SP NAV*/
#panel-btn{
  display: inline-block;
  position: fixed;
  width: 70px;
  height: 70px;
  margin: 5px 0 10px;
  border-radius: 0%;
  right: 0px;
  top: 0px;
  z-index: 9999999;
animation-duration: 2s;
background-color: #363636
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #FFF;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 2px;
  background: #FFF;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 4px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
}