@charset "utf-8";

@media screen and (max-width: 768px) {
/* -------------------------------------------------------------------
#crosstalk-top
------------------------------------------------------------------- */
	.pconly { display: none;}
	.sponly { display: block !important;}
	
#crosstalk-top .breadcrumb { font-size: 12px; padding-left: 0px; width: 100%; padding: 0 !important; padding-inline-start:  0px !important; margin-left: -40px; }
#crosstalk-top .breadcrumb { position: relative; top: 0; left: 0; z-index: 10; width: 100%; margin: 0 auto;}
.breadcrumb li { display: inline-block; vertical-align: middle !important; color: #c9c9c9;}
	.breadcrumb .container { padding-left: 2%; width: 100% !important;}
.breadcrumb li+li:before { color: #c9c9c9;}
.breadcrumb li a { display: inline-block; vertical-align: middle !important; color: #c9c9c9;}

#crosstalk-top { width: 100%; position: relative;}
#crosstalk-top #mv { width: 100vw; height: 160px;}
#crosstalk-top #mv .mv_inner { position: relative; width: 100%; height: inherit; background-color: #268FCF; overflow: hidden;}
#crosstalk-top #mv .mv_inner .mv_img { width: 100vw; height: auto; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%);}
#crosstalk-top #mv .mv_inner .mv_img img { width: 120%; height: auto; position: relative; left: 50%; transform: translateX(-50%);}

/*ページ共通*/
#crosstalk-top h2 { font-size: 26px; font-weight: bold; letter-spacing: 0em; margin: 0; font-feature-settings: 'palt'; line-height: 1.6em; margin-bottom: 5px;}
#crosstalk-top #crosstalk-cont {}
#crosstalk-top #crosstalk-cont .crosstalk_inner { padding: 0 0 130px; text-align: center; width: 88vw; margin: 0 auto;}
#crosstalk-top #crosstalk-cont .crosstalk_inner p.top-txt { font-size: 16px; line-height: 2.25em; text-align: left;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper { display: inherit; max-width: 1200px; margin: 40px auto 0; width: 100%; justify-content: space-between; text-align: right;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper h2 { text-align: left; line-height: 1.75em; margin-bottom: 30px; font-size: 24px;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper .crosstalk_left { width: 100%; margin-bottom: 60px;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper .crosstalk_left p { text-align: center;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper .crosstalk_right p { text-align: center;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper .crosstalk_right { width: 100%;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper .crosstalk_left-img { width: 100%; margin-bottom: 15px;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper .crosstalk_right-img { width: 100%; margin-bottom: 15px;}
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper img { width: 100%;}
	
#crosstalk-top #crosstalk-cont .crosstalk_inner .crosstalk_wrapper a { font-size: 4.266vw; position: relative; overflow: hidden; text-decoration: none; display: inline-block; border: 0.8vw solid #000; text-align: center; outline: none; transition: ease .1s;background-color: #000; padding:0.85em 6.4em; background-image: url("../../../img/crosstalk/btn_arrow_w.svg"); background-repeat: no-repeat; background-size: 2.66vw; background-position: right 10% top 50%; font-weight: bold;line-height: 1.5em; margin: 0 auto; }
#crosstalk-top .js-modal-close.column_btn { margin: 0 !important;}
#crosstalk-top .column_btn span { position: relative; z-index: 3; color:#fff; font-size: 4.266vw;}
#crosstalk-top .column_btn:hover { color:#000; }
#crosstalk-top .column_btn:hover span{  color:#000; color: #000!important;}
#crosstalk-top .column_btn:before { content: '';  position: absolute; top: 0; left: 0; z-index: 2; background:#fff; width: 100%;  height: 100%; transition: transform .2s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: left top; color: #000;background-image: url("../../../img/crosstalk/btn_arrow_b.svg");background-repeat: no-repeat; background-size: 2.66vw; background-position: right 10% top 50%;}
#crosstalk-top .column_btn:hover:before{  transform-origin:left top; transform:scale(1, 1);}
}