@media screen and (max-width:768px){
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	body{
		padding-top:53px;
	}
	.menu-open{
		position: fixed;
		top: 0;
    	right: 257px;
	}
	.container{
		width: 100%;
	}
	.top-bar{
		display: none;
	}
	.pre_header{
		position: fixed;
		height: 53px;
		background: #324B73;
		top: 0;
		right: 0;
		z-index: 200;
		width: 100%;
	}
	.menu-open .pre_header{
		right:calc(80%);
		position:static;
	}
	.content{
		margin-top: 22px;
	}
	.logo_wrapper{
		width: calc(100% - 60px - 41px);
		padding: 15.5px 16px 0px 25px;
		float: left;
	}
	.logo img{
		max-width:100%;
		max-height: 32.5px;
	    margin: 0;
	}
	.menu-trigger{
		display: block;
		top: 1px;
	}
	.menu-sep{
		width: 2px;
		height: 32px;
		border-left: 2px solid #fff;
		margin: 11px 55px 0px 0px;
	}
	.footer{
		text-align: center;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.footer span.copyright{
		margin: 0 auto;
		float: inherit;
	}
	.photo-item-title-bar{
		position: absolute;
		bottom: 7px;
		margin-top: 0px !important;
		width: 100%;
	}
	.scroll-to-top {
		float: right;		
		margin-bottom: 10px;
		/* display: inline-block; */
		cursor: pointer;
	}
	.photo-item .item-caption{
		max-width: 100%;
	}
	.sp-nav-wrap ul.nav-bar li:last-child{
		border-bottom: none;
	}
	.sp-nav-wrap .sns_btn_wrapper{
		margin: 0 auto;
	}
	.sp-nav-wrap ul.nav-bar li:last-child i{
		display: block;
	    width: 31px;
	    height: 31px;
	    cursor: pointer;
	    display: inline-block;
	}
	.sp-nav-wrap ul.nav-bar li:last-child i.second-btn{
		margin-left: 25px;
	}
	.sp-nav-wrap i.first-btn{
		background: url(../img/sp/sp_facebook.png) no-repeat;
	}
	.sp-nav-wrap i.second-btn{
		background: url(../img/sp/sp_sns_otherbtn.png) no-repeat;
	}
	img.plane{
		display: none;
	}
	.sp_section2 .middsec{
		padding-top: 0;
	}
	.sp_section2 .tilinetext:before{
		display: none;
	}
	.sp_section2 .tilinetext:after{
		display: none;
	}
	.footer .scroll-to-top{
		display: none;
	}
	.aboutsec h3{
		margin: 0px 0 24px;
	}
	.aboutsec p{
		margin-top: 0px;
	}
	.top-content{
		margin-bottom: 10px;
		margin-top:10px;
	}
	.top-content dt{
		font-size: 24pt;
	}	
	.top-content dd {
		font-size: 12pt;
	}
	.top-content dt {
		margin-top: 10px;
		margin-bottom:8px;
	}
	.sp_container_content{
		padding: 0px 20px;
	}
	.tilineimg img{
		float: right;
    	padding: 0;
	}
	.tilinetext{
		padding: 0px 20px 20px 20px;
	}
	.tilinetext h1{
		font-size: 55px !important;
		position: inherit;
		float: left;
	}
	.tilinetext h3{
		display: inline-block;
		float: left;
	    margin: 27px 0px 0px 10px;
	}
	.tilinesec_content .final_content{
		display: flex;
	}
	.tilinesec_content .flow_content_next_step{
		background: url(../img/sp/flow_content_next_step_btn.png);
		width: 51px;
		height: 32px;
		margin: 0 auto;
		position: relative;
	}
	.tilinetext a{
		margin-bottom: 28px;
	}
	.tilinesec_header .right_cloud_icon{
		width: 40%;
    	margin-top: 7px;
	}
	.tilinetext h5{
		position: inherit;
	    right: auto;
	    transform: inherit;
	    display: block;
	    width: 100px;
	    padding: 10px 10px;
	    border: 1px solid;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.tilinetext p{
		text-align: justify;
	}
}
@media screen and (max-width: 925px){
	/*ul.nav-bar li {
		margin: 0px 16px;
	}*/
}
@media screen and (max-width: 800px){
	/*ul.nav-bar li {
		margin: 0px 10px;
	}*/
}
@media screen and (max-width:480px){
	.logo_wrapper{
		padding-top: 20px;
	}
	.sp-nav-wrap{
		width: 80%;
	}
	.menu-open{
		right: calc(80%);
	}
	.footer span.copyright {
		margin: 0 auto;
		font-size: 10px;
	}	
}