@charset "UTF-8";


/* profile/detail.html
------------------------------------------------- */
/*  mainarea  */
.profile1 .mainarea {
    margin-top: 1.875em;
    padding-bottom: 3.5em;
}
.profile1 .mainarea .tit {
    width: 15.625em;
    padding-bottom: 1.875em;
}
.profile1 .mainarea .con {
    width: 50%;
    background-color: #272727;
    padding: 1.5em 2em 3.5em;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.profile1 .mainarea .con .prof1 {
    width: 29%; 
}
.profile1 .mainarea .prof1 h1 {
    font-weight: 300;
    line-height: 1.2;
}
.profile1 .mainarea .prof1 p {
    line-height: 1.4;
    padding-top: 0.5em;
}
.profile1 .mainarea .prof1 p span {
    display: block;
}
.profile1 .mainarea .con .prof2 {
    width: 65%; 
}
.profile1 .mainarea .prof2 h2 {
    font-weight: 400;
    padding: 0.5em 0 1em;
    line-height: 1.3;
}
.profile1 .mainarea .prof2 p {
    line-height: 1.75;
}
.profile1 .mainarea .prof2 ul {
    border-top: 1px solid #999;
    padding-top: 1.5em;
    margin-top: 2em;
}
.profile1 .mainarea .prof2 ul li {
    line-height: 1.45;
    margin-bottom: 0.4em;
}
.profile1 .mainarea .photo {
    width: 50em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
@media only screen and (max-width:750px){
.profile1 .mainarea {
    margin-top: 0;
    padding-bottom: 5.33vw;
}
.profile1 .mainarea .tit {
    display: none;
}
.profile1 .mainarea .con {
    width: 100%;
    padding: 4vw;
    margin-top: -2.66vw;
}
.profile1 .mainarea .con .prof1 {
    width: 23.73vw;
}
.profile1 .mainarea .prof1 h1 {
    font-size: 6.4vw;
}
.profile1 .mainarea .prof1 p {
    font-size: 2.133vw;
}
.profile1 .mainarea .prof1 p span {
    font-size: 3.2vw;
}
.profile1 .mainarea .con .prof2 {
    width: 56.13vw;
}
.profile1 .mainarea .prof2 h2 {
    font-size: 3.466vw;
    padding: 0.2em 0 0.4em;
}
.profile1 .mainarea .prof2 p {
    font-size: 2.4vw;
    line-height: 1.5;
}
.profile1 .mainarea .prof2 ul {
    font-size: 2.4vw;
    padding-top: 1em;
    margin-top: 1em;
}
.profile1 .mainarea .prof2 ul li {
    margin-bottom: 0.3em;
}
.profile1 .mainarea .photo {
    width: 100vw;
    margin-left: -4vw;
    position: static;
}
}

/*  cont1  */
.profile1 .cont1 {
    background-color: #3c3c3c;
    padding: 2em 0 4.375em;
}
.profile1 .cont1 .headline1 {
    margin-bottom: 0.5em;
}
.profile1 .cont1 ul li {
    line-height: 1.75;
}
@media only screen and (max-width:750px){
.profile1 .cont1 {
    padding: 4vw 0 1.5vw;
}
.profile1 .cont1 .headline1 {
    margin-bottom: 0.5em;
}
.profile1 .cont1 ul li {
    font-size: 4.266vw;
    letter-spacing: -0.05em;
}
.profile1 .cont1 ul li .fo44 {
    font-size: 5.866vw;
}
.profile1 .cont1 ul li i {
    font-size: 3.733vw;
}
}

/*  cont2  */
.profile1 .cont2 {
    background-color: #3c3c3c;
    padding-bottom: 3.5em;
}
.profile1 .cont2 .sec {
    width: 50%;
    min-height: 26.25em;
    background-color: #272727;
    padding: 2em 2em 4em;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.profile1 .cont2 .sec h3 {
    font-weight: 300;
    line-height: 1.2;
}
.profile1 .cont2 .sec h4 {
    line-height: 1.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-indent: -1.75em;
    padding-left: 1.75em;
}
.profile1 .cont2 .sec p {
    padding-bottom: 0.5em;
}
.profile1 .cont2 .photo {
    width: 37.5em;
    position: absolute;
    right: 5em;
    top: -1em;
    z-index: 1;
}
.profile1 .cont2:nth-of-type(2n) {
    padding-bottom: 5em;
}
.profile1 .cont2:nth-of-type(2n) .sec {
    margin-left: 50%;
}
.profile1 .cont2:nth-of-type(2n) .photo {
    right: auto;
    left: 5em;
    top: 2.5em;
}
@media only screen and (max-width:750px){
.profile1 .dp {
    background-color: #3c3c3c;
    padding-bottom: 4vw;
}
.profile1 .cont2 {
    padding-bottom: 4vw;
}
.profile1 .cont2 {
    padding-bottom: 4vw;
}
.profile1 .cont2 .sec {
    width: 77.33vw;
    min-height: inherit;
    padding: 4vw;
}
.profile1 .cont2 .sec h3 {
    font-size: 3.2vw;
}
.profile1 .cont2 .sec h4 {
    font-size: 4.266vw;
    padding-bottom: 0.3em;
    text-indent: -1.5em;
    padding-left: 1.5em;
}
.profile1 .cont2 .sec h4 .fo38 {
    font-size: 5.066vw;
}
.profile1 .cont2 .sec p {
    font-size: 2.4vw;
}
.profile1 .cont2 .photo {
    width: 80vw;
    position: static;
    margin: -3.2vw 0 0 12vw;
}
.profile1 .cont2:nth-of-type(2n) {
    padding-bottom: 4vw;
}
.profile1 .cont2:nth-of-type(2n) .sec {
    margin-left: 0;
}
}

/*  cont3  */
.profile1 .cont3 {
    padding: 2em 0;
}
.profile1 .cont3 ul {
    width: 94.8%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.profile1 .cont3 ul li {
    width: 31.3%;
    margin: 0 3% 2em 0;
}
.profile1 .cont3 ul li:nth-child(3n) {
    margin-right: 0;
}
.profile1 .cont3 ul li img {
    padding-bottom: 0.2em;
}
@media only screen and (max-width:750px){
.profile1 .cont3 {
    padding: 5.5vw 0 0;
}
.profile1 .cont3 ul {
    width: 84vw;
    display: block;
    padding-top: 4vw;
}
.profile1 .cont3 ul li {
    /*width: 100%;
    margin: 0 0 4vw;*/
}
.profile1 .cont3 ul li:last-child {
    margin: 0;
}
}


/* profile/works.html
------------------------------------------------- */
/*  mainarea  */
.profile2 .mainarea {
    padding-bottom: 3em;
}
.profile2 .mainarea .photo {
    padding-bottom: 1.5em;
}
.profile2 .mainarea .con {
    display: flex;
    justify-content: space-between;
}
.profile2 .mainarea .con .works1 {
    width: 68.5%;
}
.profile2 .mainarea .con .works1 .headline1 {
    margin-bottom: 0.3em;
}
.profile2 .mainarea .con .works2 {
    width: 29.74%;
    background-color: #535353;
    padding: 1em 1.5em 1em;
    box-sizing: border-box;
}
.profile2 .mainarea .con .works2 h2 {
    font-weight: 300;
    line-height: 1.5;
}
@media only screen and (max-width:750px){
.profile2 .mainarea {
    padding-bottom: 8vw;
}
.profile2 .mainarea .photo {
    width: 100vw;
    margin-left: -4vw;
    padding-bottom: 2vw;
}
.profile2 .mainarea .con {
    display: block;
}
.profile2 .mainarea .con .works1 {
    width: 100%;
    padding-bottom: 3vw;
}
.profile2 .mainarea .con .works1 .headline1 {
    font-size: 4.266vw;
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
}
.profile2 .mainarea .con .works2 {
    width: 100%;
}
.profile2 .mainarea .con .works2 h2 {
    font-size: 5.33vw;
}
.profile2 .mainarea .con .works2 p {
    font-size: 2.4vw;
    line-height: 1.55;
}
}

/*  cont1  */
.profile2 .cont1 {
    padding-bottom: 1.25em;
}
.profile2 .cont1 ul {
    display: flex;
    flex-wrap: wrap;
}
.profile2 .cont1 ul li {
    width: 48.27%;
    margin: 0 3.46% 1.875em 0;
}
.profile2 .cont1 ul li:nth-child(2n) {
    margin-right: 0;
}
.profile2 .cont1 ul li img {
    padding-bottom: 0.2em;
}
@media only screen and (max-width:750px){
.profile2 .cont1 {
    padding-bottom: 0;
}
.profile2 .cont1 ul {
    display: block;
}
.profile2 .cont1 ul li {
    width: 100%;
    margin: 0 0 2.5vw;
    font-size: 2.4vw;
}
.profile2 .cont1 ul li:last-child {
    margin: 0;
}
}


/* profile/index.html
------------------------------------------------- */
.profile3 .cont1 {
    padding-bottom: 0.625em;
}
.profile3 .cont1 .tit {
    width: 35.1515%;
    height: 29em;
    background: url("../img/profile/profile_main.jpg") center top no-repeat;
    background-size: cover;
    position: absolute;
    left: 5em;
    top: 0;
    padding: 2em;
    box-sizing: border-box;
    z-index: 2;
}
.profile3 .cont1 h1 {
    width: 15.625em;
}
.profile3 .cont1 h1 span {
    display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 1.25;
    font-weight: 300;
}
.profile3 .cont1 ul {
    display: flex;
    flex-wrap: wrap;
}
.profile3 .cont1 ul li {
    width: 20%;
    height: 14.5em;
}
.profile3 .cont1 ul li:first-child {
    margin-left: 40%;
    background-size: cover;
}
.profile3 .cont1 ul li:nth-child(4) {
    margin-left: 40%;
    background-size: cover;
}
.profile3 .cont1 ul li.kato {
    background: url("../img/profile/profile_s_kato.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.hoshino {
    background: url("../img/profile/profile_t_hoshino.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.kunugi {
    background: url("../img/profile/profile_t_kunugi.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.nakamura_a {
    background: url("../img/profile/profile_a_nakamura.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.oyama {
    background: url("../img/profile/profile_t_oyama.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.kamimura {
    background: url("../img/profile/profile_s_kamimura.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.ikeda {
    background: url("../img/profile/profile_m_ikeda.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.yamanaka {
    background: url("../img/profile/profile_m_yamanaka.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.hibino {
    background: url("../img/profile/profile_s_hibino.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.taguchi {
    background: url("../img/profile/profile_s_taguchi.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.hayasaka {
    background: url("../img/profile/profile_t_hayasaka.jpg?v=1") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.matsumoto {
    background: url("../img/profile/profile_s_matsumoto.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.nakamura_s {
    background: url("../img/profile/profile_s_nakamura.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.suzuki {
    background: url("../img/profile/profile_c_suzuki.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.tamura {
    background: url("../img/profile/profile_tamura.jpg?v=1") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.yoshida {
    background: url("../img/profile/profile_yoshida.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.kimura {
    background: url("../img/profile/profile_kimura.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.fukushima {
    background: url("../img/profile/profile_fukushima.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.kurimoto {
    background: url("../img/profile/profile_kurimoto.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li.dammy {
    background: url("../img/profile/dammy.jpg") center top no-repeat;
    background-size: cover;
}
.profile3 .cont1 ul li:last-child {
    width: 20%;
    background-color: #535353;
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile3 .cont1 ul li.filler2 {
    width: 40%;
}
.profile3 .cont1 ul li.filler3 {
    width: 60%;
}
.profile3 .cont1 ul li.filler4 {
    width: 80%;
}
.profile3 .cont1 ul li:last-child img {
    width: 5em;
}
.profile3 .cont1 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
@media only screen and (min-width:751px){
.profile3 .cont1 ul li:hover {
    opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: 0.4s;
}
.profile3 .cont1 ul li:last-child:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	transition: 0s;
}
}
@media only screen and (max-width:750px){
.profile3 .cont1 {
    padding-bottom: 0;
    background-color: #3c3c3c;
}
.profile3 .cont1 .tit {
    width: 100vw;
    height: 54.66vw;
    background: url("../img/profile/profile_main_sp.jpg") center top no-repeat;
    background-size: cover;
    position: static;
    padding: 3.466vw;
    margin-left: -4vw;
}
.profile3 .cont1 h1 {
    width: 23.33vw;
}
.profile3 .cont1 h1 span {
    display: none;
}
.profile3 .cont1 ul {
    padding: 4vw 0 8vw;
}
.profile3 .cont1 ul li {
    width: 33.333%;
    height: 30.666vw;
}
.profile3 .cont1 ul li:first-child,
.profile3 .cont1 ul li:nth-child(4) {
    margin-left: 0;
}
/*.profile3 .cont1 ul li:last-child {
    display: none;
} */
	
.profile3 .cont1 ul li:last-child {
	/*width:33.3%;*/
	width:66.6%;
    background: url("../img/profile/dammy.jpg") center top no-repeat;
    background-size: contain;
	background-color: #535353;
}
}


/* concept/index.html
------------------------------------------------- */
/*  mainarea  */
.concept .mainarea {
    padding: 1em 0 3.125em;
}
.concept .mainarea .con {
    position: relative;
}
.concept .mainarea .sec {
    width: 50%;
    min-height: 24.38em;
    background-color: #272727;
    padding: 1.875em 2.8em 1.875em 1.875em;
    box-sizing: border-box;
}
.concept h2 {
    display: block!important;
	text-align: center;
	font-weight: normal;
}
.concept .mainarea .sec h2 {
    font-weight: 400;
    padding-bottom: 0.5em;
}
.concept .mainarea .photo {
    width: 37.5em;
    position: absolute;
    right: 0;
    top: -1.25em;
}
@media only screen and (max-width:750px){
.concept .mainarea {
    padding: 0 0 6vw;
}
.concept .mainarea .con {
    padding-top: 3vw;
}
.concept .mainarea .sec {
    width: 77.33vw;
    min-height: inherit;
    padding: 3.33vw 3.33vw 4.5vw;
    position: relative;
    z-index: 2;
}
.concept .mainarea .sec h2 {
    font-size: 4vw;
    padding-bottom: 0.5em;
}
.concept .mainarea .sec p {
    font-size: 2.4vw;
    line-height: 1.75;
}
.concept .mainarea .photo {
    width: 86.95%;
    position: static;
    margin: -2vw 0 0 13.05%;
}
}

/*  cont1  */
.concept .cont1 h2 {
    display: none;
}
.concept .cont1 ul {
    margin-bottom: 6.5em;
}
.concept .cont1 ul li {
    margin-bottom: 2.25em;
    background-color: #222;
    position: relative;
}
.concept .cont1 ul li::before {
    content: '';
    width: 3.875em;
    height: 1em;
    background: url("../img/concept/arrow.png") center top no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    bottom: -1.625em;
    margin-left: -1.9375em;
}
.concept .cont1 ul li:last-child {
    margin-bottom: 0.625em;
}
.concept .cont1 ul li:last-child::before {
    content: '';
    width: 0;
}
.concept .cont1 ul li dl {
    display: table;
    width: 100%;
}
.concept .cont1 ul li dl dt {
    display: table-cell;
    width: 10.7%;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 0.25em;
}
.concept .cont1 ul li:first-child dl dt {
    background: url("../img/concept/bg1.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li:nth-child(2) dl dt {
    background: url("../img/concept/bg2.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li:nth-child(3) dl dt {
    background: url("../img/concept/bg3.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li:nth-child(4) dl dt {
    background: url("../img/concept/bg4.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li:last-child dl dt {
    background: url("../img/concept/bg5.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li dl dd {
    display: table-cell;
    width: 84.5%;
    padding: 1.2em 3% 1.2em 1.8%;
    line-height: 1.7;
}
.concept .cont1 ul li dl dd h3 {
    font-weight: 400;
    padding-bottom: 0.3em;
}
@media only screen and (max-width:750px){
.concept .cont1 {
    background-color: #3c3c3c;
    margin-bottom: 2.5em;
    padding: 6vw 0 7vw;
}
.concept .cont1 h2 {
    display: block!important;
	text-align: center;
}
.concept .cont1 ul {
    padding-top: 1.5vw;
    margin-bottom: 1.5em;
}
.concept .cont1 ul li {
    margin-bottom: 5.2vw;
}
.concept .cont1 ul li::before {
    width: 8.266vw;
    height: 2.133vw;
    bottom: -3.7vw;
    margin-left: -4.133vw;
}
.concept .cont1 ul li:last-child {
    margin-bottom: 0;
}
.concept .cont1 ul li dl dt {
    font-size: 5.066vw;
    width: 19.7%;
    padding-bottom: 0.6em;
}
.concept .cont1 ul li:first-child dl dt {
    background: url("../img/concept/bg1_sp.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li:nth-child(2) dl dt {
    background: url("../img/concept/bg2_sp.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li:nth-child(3) dl dt {
    background: url("../img/concept/bg3_sp.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li:nth-child(4) dl dt {
    background: url("../img/concept/bg4_sp.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li:last-child dl dt {
    background: url("../img/concept/bg5_sp.png") center bottom no-repeat;
    background-size: 100% auto;
}
.concept .cont1 ul li dl dd {
    font-size: 2.133vw;
    width: 76.8%;
    padding: 1.5em 1.2% 1.8em 2.3%;
    line-height: 1.625;
}
.concept .cont1 ul li dl dd h3 {
    font-size: 3.2vw;
    padding-bottom: 0.5em;
}
}


/* gallery/index.html
------------------------------------------------- */
/*  cont1  */
.gallery .cont1 {
    background-color: #3c3c3c;
    padding: 1em 0 1.8em;
}
.gallery .cont1 .headline1 {
    margin-bottom: 0.7em;
}
.gallery .cont1 ul {
    display: flex;
    flex-wrap: wrap;
}
.gallery .cont1 ul li {
    width: 20%;
    margin-bottom: 1em;
    position: relative;
    line-height: 1.33;
}
/*.gallery .cont1 ul li:nth-child(4) {
    width: 61%;
}*/
.gallery .cont1 ul li input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.gallery .cont1 ul li input[type="checkbox"] + span {
    display: block;
    background-image: url("../img/works/checkbox.png");
    background-size: 1.33em auto;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1.7em;
}
.gallery .cont1 ul li input[type="checkbox"]:checked + span {
    background-image: url("../img/works/checkbox_on.png");
}
@media only screen and (max-width:750px){
.gallery .cont1 {
    padding: 1.5vw 0 3vw;
}
.gallery .cont1 ul li {
    font-size: 3.2vw;
    width: 35%;
    margin-bottom: 3vw;
    line-height: 4.266vw;
}
.gallery .cont1 ul li:nth-child(3n) {
    width: 30%;
}
.gallery .cont1 ul li:nth-child(4) {
    width: 35%;
}
.gallery .cont1 ul li input[type="checkbox"] + span {
    background-size: 4.266vw auto;
    padding-left: 5.333vw;
}
}

/*  cont2  */
.gallery .cont2 {
    padding: 3.75em 0 4.375em;
}
.gallery .cont2 .inner {
    padding: 0 3.75em;
}
.gallery .cont2 ul {
    display: flex;
    flex-wrap: wrap;
}
.gallery .cont2 ul li {
    /*width: 46.66%;
    margin: 0 1.66% 2.25em; */
	width: 31.3%;
  	margin: 0 1.0% 2em 1.0%;
}
.gallery .cont2 ul li:nth-child(3n) {
  /*margin-right: 0;*/
}
.gallery .cont2 ul li.is-show {
    animation: .6s zoomIn;
}
.gallery .cont2 ul li.is-hide {
    display: none;
}
.gallery .cont2 .btn {
    width: 96.66%;
    margin: 1.5em auto 0;
}
.gallery .cont2 .btn a {
    display: block;
    width: 100%;
    line-height: 4;
    text-align: center;
    background-color: #fff;
    color: #000;
}
@media only screen and (max-width:750px){
.gallery .cont2 {
    padding: 4.5vw 0 0;
}
.gallery .cont2 .inner {
    padding: 0;
}
.gallery .cont2 ul {
    display: block;
}
.gallery .cont2 ul li {
    font-size: 2.4vw;
    width: 100%;
    margin: 0 0 3vw; 
}
.gallery .cont2 .btn {
    width: 100%;
    font-size: 2.66vw;
    margin-top: 2em;
}
.gallery .cont2 .btn a {
    font-size: 2.66vw;
    line-height: 6.66vw;
}
}

@keyframes zoomIn {
  0% {
    transform: scale(.1);
  }
  100% {
    transform: none;
  }
}

/* -------------------------------------------------
	colorbox
------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9990; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7);}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; background: rgba(0,0,0,0);}
#cboxContent img{display:block; margin:0 auto;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle, #cboxCurrent{display:none !important; }
#cboxLoadingOverlay{position:absolute; top:0; left:0; width:100%; height:100%;float:none!important;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
#colorbox{outline:0;}
#cboxContent{overflow:visible;}
#cboxLoadingGraphic{font-size:16px; animation:scroll-request 1.1s infinite linear; border:0.5em solid #3c3c3c; border-left:0.5em solid #fff; border-radius:50%; height:2.5em; width:2.5em; position:absolute; left:50%; top:50%; margin:-1.8em 0 0 -1.8em; float:none!important;}
#cboxClose {display:none!important;}
#cboxPrevious{font-size:16px; border:none; position:absolute; top:50%; left:-2.8em; background:url("../img/works/prev.png") no-repeat center center; background-size:cover; width:2em; height:3.375em; text-indent:-9999px; cursor:pointer; padding:0; margin:-1.6875em 0 0;}
#cboxNext{font-size:16px; border:none; position:absolute; top:50%; right:-2.8em; background:url("../img/works/next.png") no-repeat center center; background-size:cover; width:2em; height:3.375em; text-indent:-9999px; cursor:pointer; padding:0; margin:-1.6875em 0 0;}
#cboxPrevious:hover, #cboxNext:hover {opacity:0.7; transition:0.4s;}
@media only screen and (min-width:751px) and (max-width:1320px){
#cboxLoadingGraphic, #cboxPrevious, #cboxNext{font-size:1.21212vw;}
}
@media only screen and (max-width:750px){
#colorbox{width:75.75% !important;}
#cboxLoadingGraphic, #cboxPrevious, #cboxNext{font-size: 1.6vw;}
#cboxPrevious:hover, #cboxNext:hover {opacity:1; transition:0s;}
}

@keyframes scroll-request {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
/* cont4
------------------------------------------------- */
.cont4 {
	overflow: hidden;
    padding: 0em 0 0.5em;
    /*height:70px;*/
}
.cont4 a {
    display: block;
    width: 100%;
	height: 70px;
    line-height: 70px;
    text-align: center;
	margin-bottom: 1em;
    color: #000;
    font-size:20px;
}
.cont4 .works_link {
    display: block;
    width: 45%;
	margin:0 2.6% 3em 52.4%;
    line-height: 70px;
    text-align: center;
    color: #000;
    font-size:20px;
    background: url("../img/profile/link.png") right 3% center no-repeat;
    background-color: #ccc;
	background-size: 3%;
}
.cont4 .soudan_link {
    display: block;
    width: 600px;
	margin:0 auto 0%;
    line-height: 70px;
    text-align: center;
    color: #FFF;
    font-size:18px;
    background: url("../img/profile/link_w.png") right 6% center no-repeat;
    background-color: #00758e;
	background-size: 3.5%;
	font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐ ゴシック" , "MS PGothic" , sans-serif;
	font-weight:bold;
}
.cont4 .twolines a,
.cont4 .twolines .works_link {
    line-height: 1.25em;
}
.cont4 .twolines a{
    box-sizing:border-box;/*ボーダー内側*/
    padding-top:0.5em;
}
.cont4 .twolines a span{
    font-size:16px;
}
.cont4 .link4 {
	float: left;
	margin: 0 4.8% 1em 2.6%;
}
.cont4 .link_right {
	margin: 0 2.6% 1em 0;
}
.cont4 .works_last {
	margin-bottom: 3em;
}
.cont4 .last {
	clear:both;
}
.cont4 .btn_book {
    clear:both;
    width:600px;
    height:90px;
	margin:0 auto;
}
@media only screen and (max-width:750px){
.cont4 {
	overflow: hidden;
    padding: 6vw 0 1.5vw;
    /*height:70px;*/
}
.cont4 .btn_book {
    width:100%;
}
.cont4 a {
    line-height: 70px;
}
.cont4 .works_link {
	width: 84vw;
	margin: 0 auto 8vw;
	height: 50px;
    line-height: 50px;
    font-size: 3.5vw;
    background: url("../img/profile/link.png") right 3% center no-repeat;
    background-color: #fff;
	background-size: 3%;
}
.cont4 .soudan_link {
	width: 100%;
    font-size:18px;
    background: url("../img/profile/link_w.png") right 6% center no-repeat;
    background-color: #00758e;
	background-size: 5%;
}
.cont4 .twolines a,
.cont4 .twolines .works_link {
    line-height: 1.25em;
}
.cont4 .twolines .works_link {
    font-size: 3.2vw;
}
.cont4 .twolines a{
    box-sizing:border-box;/*ボーダー内側*/
    padding-top:0.75em;
}
.cont4 .twolines a span{
    font-size: 2.6vw;
}
.cont4 .link4 {
	float: none;
    width: 84vw;
	margin: 0 auto 1em;
}
.cont4 .link_right {
	margin: 0 auto 1em;
}
.cont4 .works_last {
	margin-bottom: 8vw;
}
}