@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1400px) {
 
.nvIntern{
 padding: 20px 20px 0;
}
.nvIntern::before{
 background-position: center top;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 1000px */
}

@media screen and (max-width: 1265px) {
 
.copy {
    font-size: 8.0rem;
    bottom: 30px;
    left: 30px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 1265px */
}

@media screen and (max-width: 539px) {



.sp{display: block;}
.pc{display: none;}

/*header*/

.menu-group{display: none;}
h1.header_h1{display: none;}
.header--insert {
    padding: 10px 10px;
    transition: all .3s ease-in-out;
}
.logo .mark {
    height: 50px;
}
.logo .blk {
    margin: 0 0 0px 10px;
}
.logo .blk .din {
    font-size: 1.8rem;
    margin: 0 0 2px 0;
}
.logo .blk p {
    font-size: 1.5rem;
}
.logo .blk p span {
    font-size: 1.3rem;
    line-height: 1;
    padding: 5px 10px;
    margin: 0 5px 0 0;
}

footer .logo .mark {
    order: 2
}
footer .logo .blk {
    order: 1;
    margin: 0 0 10px 0;
}

/*footer*/

.footer__fix--sp{
 display: flex;
 position: fixed;
 z-index: 9999;
 left: 0;
 bottom: 0;
 width: 100%;
 background-color: #F03333;
 padding: 5px;
}
.footer__fix--sp .btn-group{
 width: 100%;
}
.footer__fix--sp .btn-group .btn {
    width: 32.5%;
    height: 45px;
    border-radius: 0;
    background-color: #FFD83B;
    margin: 0;
    position: relative;
    transition: all .3s ease-in-out;
}
.footer__fix--sp .btn-group .btn-mypage {
    width: 33%!important;
}
.footer__fix--sp .btn-group .btn span {
    font-size: 1.6rem;
    width: 100%;
}
/*common*/
body{
 font-size: 1.5rem;
 min-width: 100%;
}
article {
    padding: 70px 0 60px 0;
}

/*layout*/
.main {
    padding: 0 0 0 10px;
}

.main--insert {
    height: calc(100vh - 205px);
}
.main--insert .bnr {
    right: 5px;
    bottom: 5px;
    width: 65%;
}
.main--insert .bnr img {
    width: 100%;
}
.copy {
    font-size: 3.0rem;
    line-height: 120%;
    top: auto;
    left: 20px;
    bottom: 40px;
}

a.scroll {
    top: 100%;
    left: 20px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    display: none;
}
.slogan {
    margin: 60px 0 0px;
}
.slogan--insert {
    width: auto;
    padding: 0 20px;
}
.slogan h2 {
    font-size: 2.0rem;
}
.slogan p {
    margin: 25px 0 0 0;
    font-size: 2.0rem;
}
/*.nvIntern {
    padding: 0 0 0 0;
    background-position: left top;
    background-size: 520px 193px;
}
.nvIntern--insert {
    width: auto;
    max-width: 100%;
    padding: 0 20px;
}*/
.nvIntern{
 padding: 0 20px 20px;
 margin: 70px 0 0 0;
}
.nvIntern--insert {
    height: 380px;
    background-image: url(../../img/bg-intern_sp.jpg);
    background-position: 40% center;
    
}
.nvIntern--insert .bt {
    width: 280px;
    margin-top: 20px;
}
.nvIntern--insert .box {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 98%;
}
.nvIntern--insert .din {
    font-size: 4.2rem;
}
.nvIntern--insert h2 {
    font-size: 2.0rem;
    line-height: 130%;
    margin: 5px 0 0 0;
}
.nvIntern--insert p {
    font-size: 1.5rem;
    margin: 5px 0 0 0;
}
.bt-intern {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 15px 0 0 0;
    display: flex;
    justify-content: flex-end;
}
.bt-intern a {
    /*display: flex;
    justify-content: flex-end;*/
}
.bt-intern img {
    width: 35px;
    height: 35px;
}
.bt-intern span {
    font-size: 1.5rem;
}
.nvOffice {
    height: 450px;
    margin: 0px 0 0 0;
    text-align: center;
}
.nvOffice--insert .din {
    font-size: 4.5rem;
}
.nvOffice--insert {
    width: 90%;
}
.nvOffice--insert p {
    font-size: 1.6rem;
    line-height: 170%;
}
.bt-office {
    margin: 20px auto 0;
}
.nvInterview {
    padding: 60px 20px 0;
}
.title-layout .din {
    font-size: 4.5rem;
}
.title-layout h2 {
    font-size: 1.8rem;
}
.container{
    margin: 15px;
   }
.lead {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 180%;
    margin: 0 0 40px 0!important;
}
.lead br{
 display: none;
}
.nvInterview .lead {
    margin: 80px 0 20px 0!important;
 text-align: left;
}
.listInterview--insert {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    /*flex-direction: column-reverse;*/
}

.nvInterview::before {
    height: 620px;
}
.listInterview--insert .item {
 width: 100%;
}
.listInterview--insert .item .pic {
    height: 350px;
}
.listInterview--insert .item > .din {
    font-size: 4.0rem;
    right: -10px;
    top: -20px;
    letter-spacing: 0;
}
.listInterview--insert .item .pic .ttl span {
    font-size: 1.8rem;
    margin: 5px 0;
}
.listInterview--insert .item .pic .ttl {
    top: 40px;
    left: 20px;
}
.listInterview--insert .item .txt .ttl{
 font-size: 1.8rem;
}
/*.listInterview--insert .item:nth-child(2) .pic .ttl {
    top: 30px;
    left: auto;
    right: 20px;
    text-align: right;
}*/
.listInterview--insert .item .txt {
    margin: 12px 0 0 0;
}
.listInterview--insert .item .txt p {
    font-size: 1.3rem;
}
.listInterview--insert .item .txt .name {
    font-size: 2.0rem;
}
.listInterview--insert .item .txt .name span.din {
    font-size: 1.4rem;
}
.listInterview--insert .item:nth-child(4) {
    margin: 30px 0 0 0;
}
.listInterview--insert .item:nth-child(3) {
    margin: 30px 0 0 0;
}
.listInterview--insert .item:nth-child(2) {
    margin: 30px 0 0 0;
}
.listInterview--insert .item:nth-child(1) {
    margin: 30px 0 0 0;
}

.listInterview--insert__dir {
    flex-direction:column;
}
.listInterview--insert__dir .item:nth-child(1) {
    margin: 0px 0 0 0;
}
.listInterview--insert__dir .item:nth-child(2) {
    margin: 30px 0 0 0;
}
.listInterview--insert__dir .item:nth-child(3) {
    margin: 30px 0 0 0;
}
.listInterview--insert__dir .item:nth-child(7) {
    margin: 30px 0 0 0;
}
.listInterview--insert__dir .item:nth-child(8) {
    margin: 30px 0 0 0;
}
.listInterview--insert__dir .item:nth-child(9) {
    margin: 30px 0 0 0;
}
.listInterview--insert__dir .item{
    margin: 30px 0 0 0;
}
.nvTalk {
    margin: 70px 0 50px 0;
    padding: 50px 20px;
    position: relative;
}
.nvTalk--insert {
    display: block;
}
.nvTalk--insert .title {
    position: relative;
    top: auto;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 0 0px;
}
.nvTalk--insert .title .din {
    font-size: 4.5rem;
    width: auto;
}
.nvTalk--insert .title h2 {
    font-size: 1.8rem;
}
.nvTalk--insert .title p {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 30px 0 30px 0;
    line-height: 180%;
}
.nvTalk-list {
    width: 100%;
}
.nvTalk-list .item {
    margin: 0 0 40px 0;
}
.nvTalk-list .txt .ttl {
    align-items:flex-start;
}
.nvTalk-list .txt {
    margin: 15px 0 0 0;
}
.nvTalk-list .txt .ttl .din {
    font-size: 3.0rem;
    margin: 0 10px 0 0;
}
.nvTalk-list .txt .ttl p {
    margin: 0;
    font-size: 2.0rem;
    line-height: 150%;
}
.nvTalk-list .txt .ttl h3 {
    margin: 0;
    font-size: 2.0rem;
    line-height: 150%;
}
.nvTalk-list .txt .view.din {
    margin: 10px 0 0 0;
}
.nvAbout{
 padding: 0 20px;
}
.nvAbout--insert {
    width: auto;
    margin: 30px auto 0;
    display: block;
}
.nvAbout--insert .item {
    width: 90%;
    margin: 0 auto 40px;
}
.nvAbout--insert .item:last-child{
 margin-bottom: 0;
}

header.fixed .header--insert {
    padding: 10px 10px;
}
header.fixed .header--insert .logo .mark {
    height:50px;
}
header .header--insert .logo .blk .din{display: none;}
header.fixed .header--insert .logo .blk .din {
    font-size: 1.8rem;
    display: none;
}
header.fixed .header--insert .logo .blk p {
    font-size: 1.5rem;
}
.hamburger {
    top: 10px;
    right: 0px;
}
.hamburger.fixed {
    top: 10px;
}
.fat-nav__wrapper {
    width: 80%;
    flex-wrap: wrap;
    align-items:flex-start;
    height: auto!important;
    transform: translateY(0)!important;
    padding: 100px 0;
}
.fat-nav .sitemap{
 display: block;
}
.fat-nav .sitemap .list {
    width: 100%;
    margin:0 0 30px 0;
}
.fat-nav .sitemap .list:last-child{
 margin: 0;
}
.footer--insert {
    padding: 50px 20px 100px;
}
footer .sitemap{
 display: block;
}
footer .sitemap .list {
    width: 100%;
    margin: 0 0 30px 0;
}
footer .sitemap .list h3 {
    margin: 0 0 10px 0;
}
footer .btm-info {
    margin: 30px 0;
    padding: 30px 0;
}
footer .addr{
 margin: 0 0 20px 0;
}
footer .logo-brm {
    flex-direction: row-reverse;
    justify-content: flex-end!important;
}
footer .logo-brm .blk{
    width: 100%;
}
.addr h3 {
    font-size: 1.6rem;
    margin: 0 0 10px 0;
}
.addr .cnt{
 display: block;
}
.addr .cnt .item {
    font-size: 1.3rem;
}
.addr .cnt .item a{
 display: block;
 line-height: 1;
}
.addr .cnt .item span {
    font-size: 2.8rem;
}
.addr .cnt .item:last-child span {
    font-size: 2.0rem;
}
.addr .cnt .item:last-child{
 margin: 5px 0 0 0;
}
.btmBtGroup{
    width: auto;
}
footer .btmBtGroup {
    width: 100%;
    margin: 5px 0 0 0;
}
.btmBtGroup .btn span {
    font-size: 1.6rem;
    padding: 12px 0;
}
#up{
 display: none;
}
.g-global ul{
 flex-wrap: wrap;
}
.g-global ul li{
 width: 50%;
 margin: 7px 0;
}
.g-global ul li a {
 border: none;
 padding: 0 0px;
}
.copyright {
    font-size: 1.2rem;
    margin: 30px 0 0 0;
}

.pageTitle--container {
    height: 120px;
}
.pageTitle--insert {
    max-width: 100%;
    min-width: 10%;
    width: 90%;
}
.pageTitle--insert .din {
    font-size: 3.2rem;
    margin: 0 0 5px 0;
}
.pageTitle--insert h1 {
    font-size: 1.6rem;
}
.pageTitle--insert h2 {
    font-size: 1.6rem;
}
.bread {
    padding: 12px 20px 20px 20px;
}
.insert {
    width: auto;
}

p.content_p{
    font-size: 1.4rem;
    margin: 0 0 30px!important;
}

.recruitInfo dl {
    padding: 30px 0;
    display: block;
}
.recruitInfo dl::before {
    width: 100px;
}
.recruitInfo dl dt {
    width: 100%;
    font-size: 1.8rem;
    margin: 0 0 10px 0;
}
.recruitInfo dl dd {
    width: 100%;
}
.recruitInfo .col2{
 display: block;
}
recruitInfo .col2 .item.w30 {
    width: 100%;
}
.recruitInfo .col2 .ttl {
    font-size: 1.6rem;
    margin: 0 0 5px 0;
}
.recruitInfo .col2 .item.w70 {
    width: 100%;
}
.mgb30 {
    margin-bottom: 15px;
}
.mgt30 {
    margin-top: 15px;
}
.recruitInfo .col2 .item.w30 {
    width: 100%;
}
.mgt40 {
    margin-top: 20px;
}
.notice-box {
    padding: 25px 20px;
}
.notice-box ul{
 display: block;
}
.notice-box ul li {
    width: 100%;
    margin: 0 0 0 20px;
}
.mvTalk--container {
    position: relative;
    height: auto;
}
.talk--insert {
    width: auto;
    margin: 0 auto;
}
.headTalk {
    padding: 0 0 0 20px;
    margin: 0 0 40px 0;
    border-left: 1px solid #F03333;
}
.headTalk .din {
    font-size: 3.2rem;
    margin: 0 0 20px 0;
}
.headTalk .flex {
    display: block;
}
.headTalk .flex .profile {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
}
.headTalk .flex .profile .pic {
    width: 100px;
    height: 100px;
}
.headTalk .flex .profile .txt {
    width: calc(100% - 115px);
}
.headTalk .flex .profile .txt p{
 font-size: 1.3rem;
 line-height: 150%;
}
.headTalk .flex .profile .txt p.name{
 margin: 5px 0 0 0;
 font-size: 1.5rem;
}
.talk--insert h2 {
    font-size: 2.5rem;
    margin: 0 0 30px 0;
}

.talk dl {
    margin: 25px 0;
}
.talk dl dt {
    width: 50px;
    font-size: 1.5rem;
}
.talk dl dd {
    width: calc(100% - 50px);
}
.talk .pic {
    height: auto;
    margin: 40px 0;
}
.picTalk-cept {
    margin: 40px 0;
    display: block;
}
.picTalk-cept .pic {
    width: 100%;
    height: auto;
}
.cept3col .pic {
    width: 100%!important;
}
.cept3col .pic:nth-child(2) {
    margin: 10px 0!important;
}
.picTalk-cept .pic:nth-child(2) {
    margin: 10px 0 0 0;
}
.talk--insert .mgb100 {
    margin-bottom: 40px;
}
.bt-back {
    width: auto;
    margin: 50px auto 0;
}
.bt-back span {
    padding: 15px 0;
}
.pic-last {
    height: auto;
    margin: 50px 0 0 0;
}
.headTalk > p {
    margin: 0 0 30px 0;
}
.picTalk-cept .pic:nth-child(3) {
    margin: 10px 0;
}
.mvInterview--container {
    height: 350px;
}
.mvInterview--insert {
    position: absolute;
    top: auto;
    bottom: 15px;
    left: 50%;
    width: 90%;
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
}
.mvInterview--insert .din {
    font-size: 2.8rem;
}
.mvInterview--insert .name {
    font-size: 1.6rem;
}
.mvInterview--insert p{
 font-size: 1.3rem;
 line-height: 150%;
 margin: 8px 0 0 0;
}
.interview--insert .num {
    font-size: 4.0rem;
    margin: 0 0 5px 0;
}
.interview--insert .num span {
    font-size: 1.8rem;
}
.title-interview {
    font-size: 2.5rem;
    margin: 0 0 30px 0;
}
.interview--insert .pic {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.interview--insert .item {
    width: auto;
    margin: 40px auto;
}
.interview--insert .item h2 {
    margin: 0 0 20px 0;
    font-size: 2.5rem;
    line-height: 130%;
}
.interview--insert .item h2 br{
 display: none;
}
.interview--insert .item h2 br.sp{
 display: block;
}
.pic-full {
    height: 250px;
}
.mvInterview--insert.ozaki{
 top: 35px;
    bottom: auto;
}
.title .din {
    font-size: 1.7rem;
    margin: 0 0 10px 0;
}
.title h2 {
    font-size: 2.7rem;
}
.title p {
    font-size: 2.2rem;
    line-height: 150%;
}
.title-knowledge .icon {
 position: absolute;
 right: auto;
 top: -190px;
 z-index: -1;
 left: 50%;
 -webkit-transform:translateX(-50%);
 transform: translateX(-50%);
 width: 95%;
 text-align: center;
}
.title-knowledge .icon img {
    height: 150px;
}
.knowledge {
    margin: 200px 0 0 0;
}
.title-knowledge {
    padding: 0 0 0 20px;
    margin: 0 0 40px 0;
}
.title-knowledge h2 {
    font-size: 1.7rem;
    margin: 0 0 10px 0;
}
.title-knowledge .din {
    font-size: 3.2rem;
    margin: 0 0 25px 0;
}
.knowledge-list .item{
 display: block;
 line-height: 150%;
 margin: 0 0 40px 0;
}
.knowledge-list .item .pic {
    width: 70%;
    padding: 15px;
    margin: 0 auto;
}
.knowledge-list .item .txt {
    width: 100%;
    margin: 25px 0 0 0;
}
.knowledge-list .item .txt .num{
 justify-content: center;
}
.knowledge-list .item .txt .num .din {
    font-size: 3.0rem;
}
.knowledge-list .item .txt h3 {
    font-size: 2.2rem;
    text-align: center;
}
.knowledge-list .item .txt p{
 line-height: 180%;
}
.recruitment_btn .btmBtGroup .flex{
    display: block;
}
.recruitment_btn .btmBtGroup .flex .btn{
    margin-bottom: 12px;
    width: 200px;
}
.nvMember--container {
    padding: 0px;
    margin: 50px 0 0 0;
}
.nvMember--insert{
 display: block;
}
.nvMember--insert .nv {
    width: 100%;
    padding: 60px 30px 80px;
}
.nvMember--insert .nv p {
    font-size: 2.2rem;
}
.nvMember--insert .nv .bt-intern{
 position: absolute;
 right: 10px;
}
.insert--award .panel{
 display: block;
}
.insert--award .panel .pic {
    width: 100%;
    height: 350px;
}
.insert--award .panel .txt {
    width: 100%;
    margin: 30px 0 0 0;
}
.good {
    margin: 0 0 20px 0;
}
.good img {
    height: 35px;
}
.kid {
    margin: 0 0 20px 0;
}
.kid img {
    height: 60px;
    width: auto;
}
.insert--award .panel .txt p {
    margin: 0 0 7px 0;
    font-size: 1.8rem;
}
.insert--award .panel .txt h2 {
    font-size: 2.6rem;
}
.btView {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: flex-end;
}
.btView span {
    font-size: 1.6rem;
}
.btView img {
    width: 30px;
    height: 30px;
}
.insert--award .mgb20 {
    margin-bottom: 40px;
}
.lead-award {
    margin: 0 0 10px 0;
    font-size: 1.8rem;
}
.layout-award h2 img {
    height: 50px;
}
.layout-award h2 {
    margin: 20px 0 10px 0;
}
.layout-award hr {
    width: 50px;
}
.layout-award h3{
 font-size: 1.9rem;
}
.pic-cept {
    width: 100%;
    min-width: 100%;
    height: 300px;
    margin: 30px auto 30px;
}

.mvMessage {
    padding: 0 0px;
    margin: 0 0 50px 0;
}
.mvMessage--insert {
    height: 280px;
    min-height: 280px;
}
.mvMessage .catch img {
    width: 90%;
    height: auto;
}
.message--insert {
    width: auto;
}
.message--insert h2 {
    font-size: 3.2rem;
    line-height: 150%;
    margin: 0 0 40px 0;
}
.message--insert h2 small {
    font-size: 3.2rem;
    line-height: 150%;
}
/*.message--insert h2 br{display: none;}*/
.message--insert p {
    margin: 30px 0 0 0;
    font-size: 1.7rem;
    line-height: 200%;
    font-weight: 700;
}
.message--insert p br{display: none;}

.layout-award .mark-good {
    margin: 20px 0 15px 0;
}
.layout-award .mark-good img {
    height: 30px;
}
.din-lead {
    font-size: 2.5rem;
    margin: 0 0 20px 0;
}
.blk-award{
 display: block;
}
.blk-award-gd .txt {
    width: 100%;
    margin: 30px 0 20px 0!important;
}
.blk-award .txt {
    margin: 0px 0 0 0;
}
.blk-award .item {
    height: auto;
}
.blk-award .item img {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: inherit;
    transform:inherit;
}
.blk-award .item {
    width: 100%;
    height: auto;
}

.layout-award .box h2 {
 font-size: 2.0rem;
    margin: 30px 0;
    line-height: 150%;
}
.layout-award .box .pic.zoning02 img {
    width: 100%;
    height: auto;
}
.layout-award .box .pic.zoning03 img {
    width: 100%;
    height: auto;
}

.slide .pic img {
    height: 300px;
    width: auto;
}
.outline {
    padding: 30px 20px;
}
.outline dl {
    width: 100%;
    margin: 5px 0;
}
.layout-award h2.kids img {
    width: 100%;
    height: auto;
}
.layout-award .mark-kids {
    margin: 20px 0 0px 0;
}
.layout-award .mark-kids img {
    height: 70px;
}
.pic-creation {
    height: 250px;
}
.focus {
    padding: 20px 0;
}
.focus .item.zoning {
    padding: 0px;
    margin: 0 0 20px 0;
}
.blk-award.col3 .item {
    width: 100%;
}
.focus02 .item.zoning img {
    height: 280px;
    width: auto;
}
.blk-award.col3 .txt {
    width: 100%;
    margin: 20px 0;
}
.outline .space{display: none;}

.insert--databook {
    width: auto;
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    display: block;
    gap: 0px 0;
}
.insert--databook .item {
    width: 100%;
    padding: 35px 10px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
    margin: 0 0 30px 0;
}
.insert--databook .item:last-child{
 margin: 0;
}
.insert--databook .item .ttl {
    font-size: 3.0rem;
}
.insert--databook .item .eng {
    margin: 10px 0;
    font-size: 1.6rem;
}
.insert--databook .item .num {
    font-size: 7.0rem;
}
.insert--databook .item .noticeBlk{
 font-size: 1.4rem;
}
.insert--databook .item .noticeBlk dl {
    font-size: 1.3rem;
}
.insert--databook .item .col div small {
    font-size: 1.8rem;
    margin: 0 5px 0 0;
}
.insert--databook .item .col div span {
    font-size: 4.0rem;
}
.insert--databook .item .col div small {
    font-size: 1.6rem;
}


article.office{
 overflow: hidden;
}
.mvOffice--insert {
    height: 350px;
}
.title-office .din {
    font-size: 4.5rem;
    margin: 0 0 5px 0;
}
.title-office h2 {
    font-size: 1.8rem;
}
.insert--office {
    padding: 0 0 0 0px;
    margin: 0 0 100px 0;
}
.officeSlide .swiper-slide {
    width: 100%;
}

.title-area .din {
    font-size: 3.2rem;
}
.title-area h2 {
    font-size: 1.6rem;
}
.insert--office h3{
     font-size: 2.0rem;
}
.insert--office .area p br{display: none;}
.insert--office .area p{
 margin: 10px 0 0 0;
 font-size: 1.5rem;
}
.officeSlide {
    margin: 30px 0 0 0;
}
.officeSlide .swiper-slide .txt {
    margin: 12px 0px 0px 0px;
    line-height: 150%;
}
.officeSlide .swiper-slide .txt p{
 margin: 0 0 5px 0;
 font-size: 1.4rem;
}
.officeSlide .swiper-pagination-bullet {
    width: 12px!important;
    height: 12px!important;
    margin: 0 4px!important;
}
.title-area {
    margin: 0 0 15px 0;
}
.officeSlide .swiper-pagination {
    bottom: -40px!important;
}

.fat-nav .copyright {
    display: none;
}

.insert--cross .panel{
 display: block;
}
.insert--cross .panel .pic {
    width: 100%;
    margin: 0 0 20px 0;
}
.insert--cross .panel .txt {
    width: 100%;
    position: relative;
}
.insert--cross .panel .txt .ttl {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}
.insert--cross .panel .txt .ttl .din {
    font-size: 3.0rem;
    margin: 0 10px 0 0;
}
.insert--cross .panel .txt .ttl p {
    margin: 0;
    font-size: 2.0rem;
    line-height: 150%;
}
.insert--cross .panel .txt .ttl h3 {
    margin: 0;
    font-size: 2.0rem;
    line-height: 150%;
}
.insert--cross .panel .txt h2 {
    font-size: 2.3rem;
    line-height: 150%;
}
.insert--cross .panel.mgb20{
 margin-bottom: 40px;
}
.update{
 margin: 0 0 10px 0;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- 1000px */
}


@media screen and (max-width: 320px) {
	
/*---------------------------------------------------------------------------------------------------------------------------------------- 320px */
}