@import url("./style-common.css");



/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/* 面会のご案内 [visit]                */
/********************************************/
@media screen and (max-width:600px){
  .visit-main {
    background: var(--backcolor);
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .visit-main {
    background: var(--backcolor);
  }
}
@media print , screen and (min-width:1024px){
  .visit-main {
    background: var(--backcolor);
  }
}
/*------------------------------------------*/
/* 面会のご案内                             */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .visit-information-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .visit-information-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .visit-information {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .visit-information h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: block;
    margin: 32px 10px 52px 10px;
    padding: 16px 16px 16px 16px;
    text-align: left;
    color:#ffffff;
    font-size:24px;
    border-radius: 2px 2px 2px 2px;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    background: linear-gradient(to top left,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    /*
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    */
  }

  .visit-information-content {
    box-sizing: border-box;
    margin:0;
    padding:16px 10px;
    text-align: left;    
  }
  .visit-information-content p {
    display:inline-block;
    margin:16px 0px;
    padding:0;
    line-height: 1.4;
    text-align: left;    
/*    font-size: 16px;*/
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit-information-content p.tx-center {
    display:block;
    margin:16px 0px;
    padding:0;
    line-height: 1.4;
    text-align: center;    
/*    font-size: 16px;*/
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit-information-content .center-box {
        box-sizing: border-box;
	margin: 4px 4px;
	padding: 14px 4px 12px;
        text-align: left;
        line-height: 2.5;
	background: #0D47A1;
	color: #fff;
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 4px #0D47A1;
        max-width:calc(100% - 8px);
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .visit-information-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .visit-information-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .visit-information {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .visit-information h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: inline-block;
    margin: 16px 0px 56px 0px;
    padding: 16px 48px;
    text-align: left;
    color:#ffffff;
    font-size:32px;
    border-radius: 0 100vh 100vh 0;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    background: linear-gradient(to top left,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  }
  .visit-information h2.title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f500  "; 
  }

  .visit-information-content {
    box-sizing: border-box;
    margin:0;
    padding:16px 10px;
    text-align: left;    
  }
  .visit-information-content p {
    display:inline-block;
    margin:16px 18px;
    padding:0;
    line-height: 1.4;
    text-align: left;    
/*    font-size: 20px;*/
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit-information-content p.tx-center {
    display:block;
    margin:16px 0px;
    padding:0px 48px;
    line-height: 1.4;
    text-align: left;    
/*    font-size: 20px;*/
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit-information-content .center-box {
        display:inline-block;
        box-sizing: border-box;
	margin: 4px 20px;
	padding: 14px 14px;
        text-align: left;
        line-height: 2.5;
	background: #0D47A1;
	color: #fff;
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 4px #0D47A1;
        max-width:calc(100% - 8px);
  }
}
@media print , screen and (min-width:1024px){
  .visit-information-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .visit-information-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .visit-information {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .visit-information h2.title{
    box-sizing: border-box;
    position: relative;  
    z-index:0;           
    display: block;
    margin: 16px 0px 72px 0px;
    padding: 16px 0px 0px 0px;
    text-align: center;
    width: 100% ;
    color: #ffffff;
    font-size:40px;
    border-radius: 50% 50% 0 0;
    background: -moz-linear-gradient(bottom right,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    background: linear-gradient(to top left,var(--theme2colorcaption-1),var(--theme2colorcaption-2));
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  }
  .visit-information h2.title:hover {
    background: -moz-linear-gradient(bottom right,var(--theme2colorcaption-1l),var(--theme2colorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--theme2colorcaption-1l),var(--theme2colorcaption-2));
    background: linear-gradient(to top left,var(--theme2colorcaption-1l),var(--theme2colorcaption-2));
  }

  .visit-information-content {
    box-sizing: border-box;
    margin:0;
    padding:0;
    text-align: center;    
  }
  .visit-information-content p {
    display:inline-block;
    margin:16px 0px;
    padding:0;
    line-height: 1.4;
    text-align: left;    
    font-size: 20px;
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit-information-content p.tx-center {
    display:block;
    margin:16px 0px;
    padding:0;
    line-height: 1.4;
    text-align: center;    
    font-size: 20px;
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit-information-content .center-box {
        box-sizing: border-box;
	margin: 4px 4px;
	padding: 14px 14px;

    text-align: center;
    line-height: 2.5;
    font-size:20px;

	background: #0D47A1;
	color: #fff;
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 4px #0D47A1;
        max-width:calc(100% - 8px);

  }
}


/*------------------------------------------*/
/*                          */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .visit--section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .visit--base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .visit- {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    
  }
  .visit- h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: block;
    margin: 32px 10px 52px 10px;
    padding: 16px 16px 16px 16px;
    text-align: left;
    color:#ffffff;
    font-size:24px;
    border-radius: 2px 2px 2px 2px;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    /*
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    */
  }

  .visit--content {
    box-sizing: border-box;
    margin:0;
    padding:16px 10px;
  }
  .visit--content h3{
    position: relative;
    line-height: 1.4;              /*行高*/
    color: var(--forecolor);       /*文字色*/
    font-size:20px;                /*フォントサイズ*/
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit--content h3::before{
    color: #a1ceff;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f111  "; 
  }
  .visit--content p {
    margin:16px 0px;
    padding:0;
    text-align: left;    
/*    font-size: 16px;*/
  }
  .visit--content .center-box {
        box-sizing: border-box;
	margin: 4px 4px;
	padding: 14px 4px 12px;
        text-align: left;
        line-height: 2.5;
	background: #0D47A1;
	color: #fff;
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 4px #0D47A1;
        max-width:calc(100% - 8px);
  }


}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .visit--section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .visit--base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .visit- {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .visit- h2.title{
    position: relative;
    z-index:10;
    box-sizing: border-box;
    display: inline-block;
    margin: 16px 0px 56px 0px;
    padding: 16px 48px;
    text-align: left;
    color:#ffffff;
    font-size:32px;
    border-radius: 0 100vh 100vh 0;
    background: rgba(15, 15, 32, 0.4);
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  }

  .visit--content {
    box-sizing: border-box;
    margin:0;
    padding:16px 10px;
  }
  .visit--content h3{
    position: relative;
    line-height: 1.4;              /*行高*/
    color: var(--forecolor);       /*文字色*/
    font-size:20px;                /*フォントサイズ*/
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit--content h3::before{
    color: #a1ceff;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f111  "; 
  }
  .visit--content p {
    margin:16px 16px;
    padding:0;
    text-align: left;    
/*    font-size: 18px;*/
  }
  .visit--content .center-box {
        display:inline-block;
        box-sizing: border-box;
	margin: 4px 20px;
	padding: 14px 14px;
        text-align: left;
        line-height: 2.5;
	background: #0D47A1;
	color: #fff;
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 4px #0D47A1;
        max-width:calc(100% - 8px);
  }


}
@media print , screen and (min-width:1024px){
  .visit--section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .visit--base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .visit- {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }
  .visit- h2.title{
    box-sizing: border-box;
    position: relative;  
    z-index:0;           
    display: block;
    margin: 16px 0px 72px 0px;
    padding: 16px 0px 0px 0px;
    text-align: center;
    width: 100% ;
    color: #ffffff;
    font-size:40px;
    border-radius: 50% 50% 0 0;
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1),var(--themecolorcaption-2));
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  }
  .visit- h2.title:hover {
    background: -moz-linear-gradient(bottom right,var(--themecolorcaption-1l),var(--themecolorcaption-2));
    background: -webkit-linear-gradient(bottom right,var(--themecolorcaption-1l),var(--themecolorcaption-2));
    background: linear-gradient(to top left,var(--themecolorcaption-1l),var(--themecolorcaption-2));
  }


  .visit--content {
    box-sizing: border-box;
    margin:0;
    padding:16px 24px;
  }
  .visit--content h3{
    position: relative;
    line-height: 1.4;              /*行高*/
    color: var(--forecolor);       /*文字色*/
    font-size:24px;                /*フォントサイズ*/
    font-family: "Times New Roman","游明朝体", "游明朝", "ヒラギノ明朝 ProN", "HiraMinProN-W3", "Yu Mincho", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .visit--content h3::before{
    color: #a1ceff;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f111  "; 
  }
  .visit--content p {
    margin:16px 18px;
    padding:0;
    text-align: left;    
/*    font-size: 18px;*/
  }

  .visit--content .center-box {
        box-sizing: border-box;
	margin: 4px 4px;
	padding: 14px 14px;

    text-align: center;
    line-height: 2.5;
    font-size:20px;

	background: #0D47A1;
	color: #fff;
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 4px #0D47A1;
        max-width:calc(100% - 8px);

  }

}