@charset "UTF-8";

@media all and (max-width: 767px) {

.sec{
	max-width: initial;
    max-width: auto;
	min-width: initial;
    min-width: auto;
    padding: 0 20px;
}
.sec-inner {
	width: auto;
}
ul{
	overflow: hidden;
}
li{
	margin: 0;
}
.col-3 li{
    width: 98%;
}
.col-2 li{
	width: 98%;
}
.col-3 li{
	width: 98%;
}
.col-4 li{
	width: 98%;
}
img{
	max-width: 100%;
}
.ttl h2{
	padding: 0;
}
.txt-ttl h2 {
    font-size: 17px;
}
.txt h2 {
    margin: 10px 0 10px 18px;
}
.txt-ttl h1 span {
    padding: 0;
}
.res-appear{
	display: block;
	margin-bottom: 20px;
}
.res-disappear {
	display: none !important;
}
.res-appear-il{
	display: inline-block;
}
.res-appear-bl{
	display: block;
}
.sec-ttl .left{
	width: 100%;
	padding-top: 5px;
    padding-bottom: 5px;
}
.sec-ttl .right{
    width: 100%;
}
table {
    width: 100%;
}
table td {
    display: block;
    width: auto;
}
table th {
    display: block;
    width: auto;
}
table col1 {
	width: 100%;
}
/*////////// header ///////////*/
.header-inner{
    top: 0px;
}
#nav{
	display: none;
}
#gNavi{
	display: none;
}
#mv .wrap {
    margin-top: 48px;
}
#header-navi .wrap {
    height: 48px;
}
.h-img{
	margin-left: 0;
	padding: 5px 10px 5px;
	width: 42px;
	height: auto;
}
.logo {
    width: 85px;
    height: auto;
    padding: 6px;
	margin-left: auto;
}
.tr-logo {
    width: 34px;
}
.cpc-logo,
.cpm-logo {
    width: 52px;
}
#crumb li {
	margin: 0 1%;    
}
#crumb {
    padding-top: 75px;
}
/*/////////// nav /////////////*/
#common-navi{
	display:none;
}
.statement #header-navi{
	display: block;
}
.contact #header-navi{
	display: block;
}
.wd #common-navi{
	display: block;
}
.wd .jpac-logo::before {
    position: relative;
    left: 0;
}
.dropmenu {
	display:none;
}
.c3 .ttl h2 {
    color: #353b47;
    font-size: 17px;
    font-weight: normal;
}
.sec-cont .inner {
    padding: 20px 20px 20px;
}
/*////////// modal nav ///////////*/
html{
	overflow: auto;
	height: 100%;
}
#modal-wrap{
	position: relative;
	width: 100%;
	overflow:hidden;
}
#modal-menu-button{
	display: block;
}
#modal-close-button{
	display: block;
}
.cp #modal-close-button,
.tr #modal-close-button,
.c3 #modal-close-button,
.jp #modal-close-button{
    width: 30px;
    height: 25px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    top: 10px;
    right: 9px;
    z-index: 9999;
    background: url(../../img/modal-btn-close.png);
    background-repeat: no-repeat;
    background-size: 80%;
	transition: all .1s;
}
.cpm #modal-close-button{
	width: 30px;
    height: 25px;
    margin: 0 auto;
    position: fixed;
    cursor: pointer;
    top: 10px;
    right: 9px;
    z-index: 9999;
    background: url(../../img/modal-btn-close-w.png);
    background-repeat: no-repeat;
    background-size: 80%;
	transition: all .1s;
}
#modal-navi {
	position:fixed;
    display: block;
	background: #2f353f;
	overflow: auto !important;
	webkit-overflow-scrolling:touch;
	height:100%;
	top: 0 !important;
	transition: all .1s;
	z-index: 2;
}
.cp #modal-menu-button,
.tr #modal-menu-button,
.c3 #modal-menu-button,
.jp #modal-menu-button{
    width: 30px;
    height: 25px;
    margin: 0 auto;
    position: fixed;
    cursor: pointer;
    top: 10px;
    right: 9px;
	background:url(../img/modal-btn.png);
	background-repeat: no-repeat;
	background-size: 95%;
	transition: all .1s;
	z-index: 2;
}
.btnClose{
	cursor:pointer;
}
.cpm #modal-menu-button{
	 width: 30px;
    height: 25px;
    margin: 0 auto;
    position: fixed;
    cursor: pointer;
    top: 10px;
    right: 9px;
	background:url(../../img/modal-btn-w.png);
	background-repeat: no-repeat;
	background-size: 95%;
	transition: all .1s;
	z-index: 2;
}
.cpm .open-modal{
	background:url(../../img/modal-btn-close-w.png)!important;
	background-repeat: no-repeat !important;
}
#modal-menu-button:hover{
	opacity: .8;
}
.modal-menu {
    position: fixed;
    display: table;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
	background-image:url(../../img/dot.png);
    transition: all .1s;
    visibility: hidden;
    opacity: 0;
	overflow:hidden;
}
.open .modal-menu {
    transition: all .1s;
    visibility: visible;
    opacity: 1;
}
#modal-navi ul {
    width: 100%;
    position: relative;
}
.modal-menu ul {
    display: table-cell;
    vertical-align: middle;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.modal-menu ul li a{
	color: #353b47;
	text-align: center;
}
#modal-navi-01 li{
    background: #f5f5f5;
    border-top: 1px solid #fff;
	border-bottom: 1px solid #d6d7da;
}
#modal-navi-01 li.navtop, #modal-navi-02 li.navtop{
    background: #353b47;
    border-top: none;
	border-bottom: none;
	opacity: 1.0;
}
#modal-navi-01 li.navtop p, #modal-navi-02 li.navtop p{
	text-align: center;
	color: #fff;
	line-height: 180% !important;
}
#modal-navi-01 li.navtop p{
	text-align: left;
	height: 48px;
}
#modal-navi .nav-border{
	width: 80%;
	margin: 0 auto;
}
.jp #modal-navi-01 li.navtop p img{
	margin-left: 10px;
}
.slide-menu li{
    line-height: 50px;
    display: block;
    width: 100%;
	margin-left: 0;
	margin-right: 0;
    border-top: 1px solid #494e59;
	border-bottom: 1px solid #2a2f38;
}
.slide-menu li a{
	line-height: 50px;
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
#modal-navi-02 li  {
	background: #353b47;
}
#modal-navi-02 li.ptl  {
	background:#2f353f;
}
.modal-menu li a {
    display: block;
    font-size: 14px;
    text-decoration: none;
}
#modal-navi-02{
	margin-bottom: 10px;
	text-align: center;
}
#modal-navi-02 p{
	color: #353b47;
}
.c3 #modal-navi-02{
	margin-top: 0px;
}
.c3 #modal-navi-02 li a{
	color: #fff;
}
.cp #modal-navi-02 .arrow-lr::before,
.cpm #modal-navi-02 .arrow-lr::before {
    border-color: #0064b4;
}
#modal-navi-02 .cpacppcpo p{
	background: #ee847e;
}
#modal-navi-02 .cpc p{
	background: #81cef1;
}
#modal-navi-02 .jpac p{
	background: #353b47;
}
#modal-navi-02 li p{
	line-height: 50px;
}
#modal-navi-02 li p{
	color: #fff;
}
#modal-navi-02 li a{
	padding-bottom: 0;
}
#page-navi{
	display: none !important;
}

#modal-navi-01 li.navtop{
	width:100%;
}
.cpm #modal-navi-01 li.navtop{
	background:#77b1d8;
	border-bottom: 1px solid #5f8dac;
	height: 48px;
}
#modal-navi-01 li.mo{
	text-align:center;
	color: #fff;
	background:#F99615;
}
.jp #modal-navi-02 li.navtop{
	background: #9bc551;
}
.tr #modal-navi-02 li.navtop{
	background: #79ba4f;
}
.c3 #modal-navi-02 li.navtop{
	background: #e2524b;
}
.cp #modal-navi-02 li.navtop{
	background: #2e6fbc;
}
.cpm #modal-navi-02 li.navtop{
	background: #77b1d8;
}
/*/////////// main ///////////*/
#mv {
    height: auto;
}
#mv .sec-ttl {
    margin: 0px auto;
}
#mv .sub-ttl{
    font-size: 18px;
    line-height: 120%;
    font-weight: bold;
}
#mv .sec-inner {
	width: 100%;
    left: 0;
	position: relative;
}
#mv .main-ttl{
    font-size: 78px;
    line-height: 120%;
}
#mv .catch-cp{
    font-size: 14px;
    line-height: 150%;
}
#mv .catch-cp br{
	display:none;
}
#mv .mv-left {
    left: -60%;
    height: 100%;
	width: auto;
}
#mv .mv-right {
    right: -60%;
    height: 100%;
	width: auto;
}
.mv {
    background: #000 none repeat scroll 0 0;
    clear: both;
    height: 100%;
    margin: 0 0 10px;
    padding-top: 50px;
}
/*/////////// home news ///////////*/
#home-news .left .news-wrap {
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    height: 24px !important;
}
#home-news .left .news-wrap h1 br {
	display: none;
}
#home-news .left, #home-news .middle, #home-news .right {
    width: 100%;
}
#home-news .left .news-wrap h1{
	font-size: 16px;
}
#news-text dl dt {
    font-size: 12px;
}
#news-text dl dd {
    font-size: 12px;
}
#home-news .right .box {
    margin-top: 10px;
    margin-left: auto;
}
#news-text dl span {
    color: #9BC551;
    width: 100px;
    height: 100px;
    padding: 0 4px;
    background: #fff;
    font-size: 11px;
    margin-left: 5px;
    border: 1px solid #9BC551;
    vertical-align: 8%;
}

/*/////////// topics ///////////*/

#topics ul li.cpacppcpo-box .box{
	margin-bottom: 40px;
}

.sec-top h2 {
    margin-left: auto;
}
#topics ul.col-4 li,
#topics ul.col-2 li{
	margin-top:1%;
	margin-bottom:1%;
}
/*/////////// JPAC ///////////*/
/*/////////// about ///////////*/
#about {
    padding-bottom: 40px;
}
#data .history .txt{
    width: auto;
}
#data .message .sign img{
	width: 156px;
}
/*/////////// footer ///////////*/
#footer{
    padding-top: 40px;
    padding-bottom: 40px;
}
#footer ul.col-3 li p{
	text-align: left;
}

/*/////////// TRUSTe ///////////*/

.tr #mv .main-ttl h1 {
    font-size: 70px;
}
.tr #mv .wrap {
    padding: 20px 0;
}
.tr #mv .col-2 .inner {
    height: 160px;
    width: 160px;
}
.tr #mv .col-2 .inner img {
    margin-top: 32px;
	max-width: 60%;
}
/*/////////// about ///////////*/

#about img{
	padding-bottom: 20px;
}
#about .col-2 img{
	padding: 20px 0;
}
#about .col-3 .txt-ttl{
	margin-bottom: auto;
}
#about .col-3 .txt-ttl::after{
	display: none;
}
#about .col-3 p{
	margin-bottom: 10px;
}
.tr li .bg-img{
	margin-top: 20px;
}
.tr #mv .main-ttl p span {
    font-weight: 500;
    letter-spacing: 34px;
    font-size: 12px;
}
.tr #mv .catch-cp {
    padding-top: 10px;
    padding-bottom: 10px;
}
.tr #mv .sub-ttl {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*/////////// check ///////////*/
#check ul li img{
	padding-bottom: 20px;
}
#check .txt-ttl h3 span{
	display: block;
}
#check ul.col-2 li .txt p{
	padding-bottom: 20px;
}
#check .txt-ttl h3 span {
    margin-left: auto;
    font-size: 16px;
	padding-top: 20px;
}
#check .txt-ttl h3 {
	margin-bottom: auto;
    margin-right: auto;
	font-size: 20px;
}
#check .col-1 img{
	width: 60%;
}
#check h1.o{
	margin-bottom: 20px;
}
/*/////////// safety ///////////*/
#safety img{
	padding-bottom: 20px;
}
#safety .col-3 .txt-ttl{
	margin-bottom: auto;
}
#safety .col-3 .txt-ttl::after{
	display: none;
}
#safety .col-3 p{
	margin-bottom: 10px;
}
/*/////////// watchdog ///////////*/
.wd .txt-ttl h4 {
    font-size: 14px;
}
.wd #contact .btn input.button {
    height: auto;
}

.arrow-ll::after {
    top: 38px;
}
.wd .txt input {
    margin: auto;
}
.revise-button.arrow-ll::after{
    top: 38px;
}
#contact .btn .revise-button input.button {
    width: 100%;
}
.wd .txt h2::before {
    left: -30px;
}
.wd #contact td.name {
    padding-left: 10px;
    font-size: 14px;
	width: auto;
	font-weight: 700;
}
input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}
.wd #contact .wrap .cont03 table tbody tr {
    padding-bottom: 20px;
}
.mg-rl{
	margin-left: auto;
	margin-right: auto;
}
/*/////////// cpc ///////////*/
.cp #mv .wrap {
	margin-top: 48px;
}
.cp .logo,
.cpm .logo {
    width: 54px;
	height:auto;
    margin-left: 18px;
}
#about-course dd {
    margin: auto;
}
#follow dt{
	margin: auto;
}
#follow dd {
    margin: 0 auto 20px;
}
/*/////////// tuition ///////////*/
.cp #tuition li{
	margin-top: 10px;
	margin-bottom: 10px;
}
/*/////////// flow ///////////*/
.step {
	width: 50px;
    height: 50px;
}
.step h1 {
    font-size: 12px;
}
.flow-step .col-3 li .txt {
    width: auto;
	float: none;
}
#flow .txt p{
	padding: 10px 0;
}
.flow-step .col-3 li .txt h2{
	margin-top: 50px;
}
/*/////////// course ///////////*/
#curriculum table td{
	width: auto;
	display: block;
}
#curriculum table th{
	width: auto;
	display: block;
}

#curriculum td{
	background: url(../../img/dot-g.png) repeat;
}
#curriculum tr.gl,
#curriculum td.cur-ttl {
    background: #fff;
}
#curriculum .txt table tbody h2 {
    margin: 10px 0 5px 0;
}
#curriculum table td.cur-ttl {
    width: auto;
}
#curriculum .table-under td {
    width: auto;
}
#curriculum .table-under th {
    width: auto;
}
/*/////////// txt-ttl ///////////*/
.txt-ttl h1 span {
    display: inline-block;
}
/*/////////// box ///////////*/
.box p {
    margin-bottom: 10px;
}
.jp #solutions .box p{
	margin-bottom: 0;
}
/*/////////// page-top ///////////*/
#page-top .sec-ttl .left{
	width: 100%;
	padding-top: 5px;
    padding-bottom: 5px;
}
#page-top .sec-ttl .right{
    width: 100%;
}
/*/////////// schedule ///////////*/
#schedule .sec-ttl .left{
	width: 100%;
	padding-top: 5px;
    padding-bottom: 5px;
}
#schedule .sec-ttl .right{
    width: 100%;
}
#schedule table th,
#cpacpp table th{
	width: auto !important;
	display: block;
}
#schedule table td,
#cpacpp table td{
	width: auto !important;
	display: block;
}

.cp #schedule table tbody td.res-mgb-30{
	margin-bottom: 30px;
}
.cp #schedule table tbody {
    margin: 0 auto;
    border: none;
}
/*/////////// member ///////////*/
.cp #mv .sub-ttl h1,
.cpm #mv .sub-ttl h1 {
    font-size: 24px;
	text-align: center;    
}
.cpm #about dd,
.cpm #study dd,
.cpm #register dd{
	margin: auto;
}
.cpm #register .box {
    padding-top: 0;
}
.cpm #register .mgb-40{
    margin-bottom: 0px;
}
.cpm #point dt{
	margin: auto;
}
.cpm #point dd {
    margin: 0 auto 20px;
}
.cpm #study table th,
.cpm #study table td{
	display: block;
	width: auto;
}
.cpm #study table th{
	text-align: center;
}
/*/////////// about ///////////*/
.member #about table td {
    display: block;
    width: auto;
}
.member #about table th.tb-left, 
.member #about table td.tb-left {
    width: auto;
	display: block;
}
.member #about table th.tb-center,
.member #about table td.tb-center {
    width: auto;
    display: block;
}
.member #about table th.tb-right,
.member #about table td.tb-right {
    width: auto;
	display: auto;
}
.member #about table th.tb-right, .member #about table td.tb-right {
    width: auto;
    display: block;
}
#ad .col-3 li.ad{
	margin-bottom: 20px;
}
#point .txt p{
	padding-bottom: 10px;
}
/*/////////// faq ///////////*/
#faq table td {
    display: block;
    width: auto;
}
#faq table th.tb-left, 
#faq table td.tb-left {
    width: auto;
	display: block;
}
#faq table th.tb-center,
#faq table td.tb-center {
    width: auto;
    display: block;
}
#faq table th.tb-right,
#faq table td.tb-right {
    width: auto;
	display: auto;
}
#faq table th.tb-right, #faq table td.tb-right {
    width: auto;
    display: block;
}
#faq table.tb-under th{
	display: block;
	width: auto;
}
#faq table{
	margin-bottom: 20px;
}
#faq .txt p,
#faq .txt dt{
	padding-bottom: 10px;
}
.cpm #faq .txt dl.dl-under dd {
    margin: 20px auto;
}
/*/////////// contact ///////////*/
#contact tr{
	display: block;
}
#contact tr {
    border-bottom: 2px solid #fff;
}
#contact td {
    width: 100%;
	display: block;
}
#contact td p{
    width: 96%;
}
#contact table {
    width: 100%;
    table-layout: fixed;
}
#contact .wrap .cont03 table tbody tr {
    vertical-align: top;
    text-align: left;
    overflow: hidden;
    position: relative;
	padding: 20px 0;
}
#contact td.qualification textarea{
	width: 80.5%;
}
#contact td.answer textarea {
   width: 80.5%;
    height: 200px;
}
#contact .sec-cont .txt p {
    margin-left: auto;
}
#contact .answer input {
    width: 88%;
}

.revise-button {
    float: none;
}
#contact .sec-cont .txt p {
    margin-left: 0px;
}
.transmit-button {
	margin-top: 10px;
    float: none;
}
#contact .btn input.button {
    min-width: auto;
}
.required span{
	margin-left: 0;
}
/*/////////// leanmore ///////////*/
/*/////////// about ///////////*/
.edu .col-3 li {
    margin-bottom: 20px;
}
/*/////////// cpacppcpo ///////////*/
#mv .sub-ttl span{
	display:block;
}
#select table td {
   width: 30%;
}
 .flow-room .txt-ttl h3:before{
 	content: "";
    position: absolute;
    left: 46%;
    border: 18px solid transparent;
    border-top: 15px solid #e2524b;
    z-index: 1;
	bottom: -15px;
	display: block;
 }
.flow .flow-room .txt-ttl h3::before {
	display:block;
    content: "";
    position: absolute;
    left: 46%;
    border: 18px solid transparent;
    border-top: 15px solid #e2524b;
    z-index: 1;
    bottom: -15px;
}
.flow .flow-room .flow-first .txt-ttl h3:after,
.flow .flow-room .flow-first .txt-ttl h3:before{
	display: none;
}
.flow .txt-ttl {
    margin: 20px 1%;
	padding: 20px 0 0px;
}
.flow .flow-first .txt-ttl h3:after{
	bottom: -38px;
 }
.flow ul li{
	margin: auto;
	width: 100%;
}
.flow .txt{
	margin: 0 0 10px;
}
.flow .col-1{
	margin: auto;
}
.flow .txt-ttl h3::before {
    top: -19px;
}
.flow .flow-first .txt-ttl{
	margin: 0 0 20px;
	padding:0px;
}
.flow .txt-ttl h3,
.flow .txt-ttl h3.room-1,
.flow .txt-ttl h3.elearn-1,
.flow .txt-ttl h3.corr-1{
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0;
}
.flow .txt-ttl h3.room-1,
.flow .txt-ttl h3.elearn-1,
.flow .txt-ttl h3.corr-1{
	cursor: pointer;
}
.flow .txt-ttl h3.room-1:hover,
.flow .txt-ttl h3.elearn-1:hover,
.flow .txt-ttl h3.corr-1:hover{
	opacity: 0.7;
}
.flow .txt-ttl h3.room-1 {
    color: #353b47;
    border: 1px solid #353b47;
	border-bottom: 2px solid #353b47;
	background: #fff !important;
}
.flow .txt-ttl h3.elearn-1 {
    color: #353b47;
    border: 1px solid #353b47;
	border-bottom: 2px solid #353b47;
	background: #fff !important;
}
.flow .txt-ttl h3.corr-1 {
    color: #353b47;
    border: 1px solid #353b47;
	border-bottom: 2px solid #353b47;
	background: #fff;
}
.flow .btn-close {
	margin-bottom: 20px;
}
#course #faq table td {
    display: table-cell;
    width: auto;
}
#update .btn-close {
	background: url(../../img/dot-nn.png) repeat;
    margin-bottom: 20px;
	padding:10px 0;
}
#update .btn-close:hover{
	opacity: 0.7;
	cursor: pointer;
}
#cpacpp table tbody tr th.res-appear{
	display: block;
}
#cpacpp table tbody tr th{
	width: 100%;
}
#update #cpacpp table tbody tr td.place{
    margin-bottom: 40px;
}

/*/////////// cpo ///////////*/
.cpo-cur th {
    max-width: none !important;
}
/*/////////// tuition ///////////*/
.res-mgb-40{
	margin-bottom: 40px;
}
.c3 #schedule table tbody{
	border: none;
}
/*/////////// page-top button ///////////*/
.page-top a {
    width: 60px;
    height: 35px;
}

/*/////////// slidemenu ////////////*/
.slide-menu{
    position: fixed;
    top: 0;
    right: -280px;
    z-index: 3;
    width: 280px;
    height: 100%;
    background-color: #2f353f;
    text-align: center;
    overflow: auto;
}

.shade{
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #333;
    background-color: rgba(0,0,0,.7);
}

.header {
    
        
    
    line-height: 50px;
    background-color: #222;
}
#header-navi {
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    z-index: 1;
	height: 48px;
    position: fixed;
	width: 100%;
	top: 0;
    right: 0;
}
}
@media all and (min-width: 768px) {
#schedule table tbody th.res-appear{
	display: none;
}
#faq table.tb-under th.res-appear{
	display: none;
}
}

@media screen and (min-width:480px) and (max-width:768px) {
.learnmore .reason .col-4 li{
	width: 48%;
	margin:0 1%;
}
.learnmore .reason .col-4 li:nth-child(1) p,
.learnmore .reason .col-4 li:nth-child(2) p{
	height: 120px;
}
li {
    margin: 0 1%;
    float: left;
}

}
@media screen and (min-width:769px) and (max-width:980px) {
#about-jcpc ul.col-3 li .txt p{
	height: 65px;
}
#topics ul.col-4 li{
	width: 48%;
	margin-top:1%;
	margin-bottom:1%;
}
}
@media all and (max-width: 980px) {

img{
	max-width: 100%;
}	
#download textarea {
	max-width: 100%;
}
}
@media all and (max-width: 480px) {
.c3 #mv .sub-ttl h1 {
    font-size: 25px; 
}
.cp #mv .sub-ttl h1,
.cpm #mv .sub-ttl h1 {
    font-size: 21px;
}
/*/////////// cpacpp ///////////*/
.flow .flow-first .txt-ttl h3::after,
.flow .txt-ttl h3::before,
.flow .flow-room .txt-ttl h3::before {
    left: 45%;
}
}

@media all and (max-width: 414px) {
.cp #mv .sub-ttl h1,
.cpm #mv .sub-ttl h1 {
    font-size: 20px;
	text-align: left;    
}
.jp #mv .main-ttl {
    padding-top: 10px;
    padding-bottom: 10px;
}
.jp #mv .sub-ttl {
    padding-top: 10px;
    padding-bottom: 10px;
}
.jp #mv .sub-ttl h1 {
    font-size: 25px;
}
.jp #mv .catch-cp {
    padding-top: 11px;
    padding-bottom: 11px;
}
.jp #mv .sub-ttl p span {
    letter-spacing: 2px;
    display: inline;
}
.c3 #mv .sub-ttl h1 {
    font-size: 21px;  
}
.c3 #mv .sub-ttl span{
	font-size: 30px;
	font-weight: 700;
	line-height: 140%;
}
.c3 #mv .catch-cp p {
    font-size: 16px;
    line-height: 160%;
}
.cp #mv .sub-ttl,
.cpm #mv .sub-ttl {
    padding-top: 20px;
    padding-bottom: 25px;
}
.cp #mv .main-ttl,
.cpm #mv .main-ttl {
    padding-top: 35px;
    padding-bottom: 35px;
}
.cp #mv .catch-cp,
.cpm #mv .catch-cp {
    color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}
.c3 #mv .sub-ttl {
    padding-top: 21px;
    padding-bottom: 21px;
}
}
@media screen and (min-width:376px) and (max-width:414px) {
/*/////////// contact ///////////*/
#contact .answer input {
    width: 91%;
}
#contact td.qualification textarea,
#contact td.answer textarea {
    width: 85.5%;
}
}
@media all and (max-width: 375px) {
.jp #mv .catch-cp h2 {
    font-size: 14px;
}
.jp #mv .catch-cp {
    padding-top: 14px;
    padding-bottom: 14px;
}
.cp #mv .sub-ttl h1,
.cpm #mv .sub-ttl h1 {
    font-size: 16px;   
}
.cp #mv .main-ttl,
.cpm #mv .main-ttl {
    padding-top: 35px;
    padding-bottom: 35px;
}
.cp #mv .sub-ttl,
.cpm #mv .sub-ttl {
    padding-top: 40px;
    padding-bottom: 30px;
}
.c3 #mv .sub-ttl h1 {
    font-size: 19px;  
}
.c3 #mv .catch-cp p {
    font-size: 14px;
}
.c3 #mv .sub-ttl {
    padding-top: 18px;
    padding-bottom: 25px;
}
.c3 #mv .catch-cp {
    padding-top: 25px;
    padding-bottom: 15px;
}
.c3 #mv .main-ttl {
    padding-top: 32px;
    padding-bottom: 30px;
}
.tr #mv .main-ttl h1 {
    font-size: 60px;
}
.tr #mv .catch-cp p {
    font-size: 14px;
}
.tr #mv .sub-ttl h1 {
    font-size: 18px;
}
.tr #mv .main-ttl p span {
    letter-spacing: 30px;
}
.tr #mv .col-2 .inner {
    height: 155px;
    width: 155px;
}
/*/////////// cpacpp ///////////*/
.flow .flow-first .txt-ttl h3::after,
.flow .txt-ttl h3::before,
.flow .flow-room .txt-ttl h3::before {
    left: 44%;
}
}
@media screen and (min-width:350px) and (max-width:375px) {
/*/////////// contact ///////////*/
#contact .answer input {
    width: 90%;
}
#contact td.qualification textarea,
#contact td.answer textarea {
   width: 83.5%;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .active #bar01 {
	-webkit-transform:translate(0px, 10px) rotate(45deg);
}
::i-block-chrome, .active #bar03{
	-webkit-transform:translate(0px, -10px) rotate(-45deg);
}
}
@media all and (max-width:1280px) {
.page-top {
    position:fixed;
}

.page-top a {
    margin-left: 0 !important;
    right: 30px;
	left: auto;
}
}
@media all and (min-width:768px) {
.wid-15{
	width: 15%;
}
.wid-25{
	width: 25%;
}
.res-appear-il,
.res-appear-bl{
    display: none;
}
.slide-menu{
	display: none;
}
}