@charset "UTF-8";

/* --------------------------------------------------
 Block
-------------------------------------------------- */
/* Common Block --------------- */
.commBlc,
.upCommBlc{
max-width:1000px;
padding:0 4%;
margin:0 auto;
position:relative;
}

.upCommBlc{
max-width:1200px;
}

.boxComm{
padding-top:7%;
padding-bottom:7%;
}

.minBoxComm{
padding-top:4%;
padding-bottom:4%;
}

.tinyBoxComm{
padding-top:2%;
padding-bottom:2%;
}

/* bannerTel --------------- */
.bannerTel{
text-align:center;
margin:4% 0;
display:flex;
justify-content:center;
align-items:center;
position:relative;
z-index:4;
}

.bannerTel .txt01{
font-size:140%;
color:#03255c;
border-bottom:1px solid #03255c;
display:inline-block;
}

.bannerTel .txt02{
font-size:340%;
line-height:1;
margin-left:20px;
display:inline-block;
}

.bannerTel .txt02 a{
color:#03255c;
text-decoration:none;
}

@media screen and (max-width: 767px) {
.bannerTel .txt01{
font-size:120%;
}

.bannerTel .txt02{
font-size:260%;
}
}

@media screen and (max-width: 640px) {
.bannerTel{
display:block;
}

.bannerTel .txt01{
margin-bottom:10px;
}

.bannerTel .txt02{
margin-left:0;
display:block;
}
}

/* bannerContact --------------- */
.bannerContact{
background:#03255c url(../img/common/bg_banner01.jpg) no-repeat right top;
border:3px solid #2e528e;
border-radius:3px;
padding:20px 4%;
display:-webkit-flex;
display:flex;
position:relative;
}

.bannerContact .txtBlc{
font-size:120%;
width:60%;
line-height:1.5;
}

.bannerContact .txtBlc .subj{
color:#fff;
margin-bottom:2%;
}

.bannerContact .txtBlc .txt{
color:#fff;
margin-bottom:2%;
}

.bannerContact .imgBlc{
width:40%;
}

.bannerContact .imgBlc > img{
max-width:40%;
position:absolute;
bottom:0;
right:0;
}

@media screen and (max-width: 640px) {
.bannerContact .txtBlc{
width:100%;
}

.bannerContact .imgBlc{
display:none;
}
}


/* --------------------------------------------------
 Title
-------------------------------------------------- */
/* ttlStyle01 ------------------*/
.ttlStyle01{
background-color:#03255c;
text-align:center;
padding:2% 0;
}

.ttlStyle01.fontBig{
background-color:#001441;
}

.ttlStyle01 .txt01{
color:#fff;
font-size:180%;
}

.ttlStyle01.fontBig .txt01{
color:#fff;
font-size:240%;
line-height:1.5;
letter-spacing:0.1em;
}

.ttlStyle01 .bigTxt{
font-size:140%;
line-height:1;
}

@media screen and (max-width: 767px) {
.ttlStyle01 .txt01{
font-size:140%;
}

.ttlStyle01.fontBig .txt01{
font-size:180%;
}
}

/* ttlStyle02 ------------------*/
.ttlStyle02{
background-color:#03255c;
color:#fff;
font-size:140%;
height:45px;
text-align:center;
margin:0 20px 4%;
padding:0 15px;
position:relative;
}

.ttlStyle02:before{
content:"";
width:0;
height:0;
border-style:solid;
border-width:0 0 45px 20px;
border-color:transparent transparent #03255c transparent;
position:absolute;
top:0;
right:100%;
}

.ttlStyle02:after{
content:"";
width:0;
height:0;
border-style:solid;
border-width:45px 20px 0 0;
border-color:#03255c transparent transparent transparent;
position:absolute;
top:0;
left:100%;
}

@media screen and (max-width: 1000px) {
.ttlStyle02{
height:auto;
margin-left:0;
margin-right:0;
}

.ttlStyle02:before,
.ttlStyle02:after{
display:none;
}
}

@media screen and (max-width: 767px) {
.ttlStyle02{
font-size:120%;
}
}

/* ttlStyle03 ------------------*/
.ttlStyle03{
background-color:#03255c;
text-align:center;
padding:15px 0;
}

.ttlStyle03 .txt01{
color:#fff;
font-size:160%;
}

@media screen and (max-width: 767px) {
.ttlStyle03{
padding-top:10px;
padding-bottom:10px;
}

.ttlStyle03 .txt01{
font-size:130%;
}
}

/* ttlStyle04 ------------------*/
.ttlStyle04{
color:#03255c;
font-size:140%;
text-align:center;
padding-bottom:20px;
margin-bottom:2%;
position:relative;
}

.ttlStyle04:after{
content:"";
background-color:#03255c;
width:180px;
height:5px;
margin:auto;
position:absolute;
bottom:0;
left:0;
right:0;
}

@media screen and (max-width: 767px) {
.ttlStyle04{
font-size:120%;
padding-bottom:10px;
}

.ttlStyle04:after{
width:120px;
height:3px;
}
}

/* ttlStyle05 ------------------*/
.ttlStyle05{
text-align:center;
}

.ttlStyle05 .txt01{
background-color:#03255c;
color:#fff;
font-size:140%;
border-radius:3px;
text-align:center;
padding:4px 20px;
display:inline-block;
position:relative;
}

.ttlStyle05 .txt01:after{
content:"";
width:0;
height:0;
border-style:solid;
border-width:14px 8px 0 8px;
border-color:#03255c transparent transparent transparent;
margin:0 auto;
position:absolute;
top:100%;
left:0;
right:0;
}

@media screen and (max-width: 767px) {
.ttlStyle05 .txt01{
font-size:120%;
}
}

/* ttlStyle06 ------------------*/
.ttlStyle06{
color:#03255c;
font-size:260%;
text-align:center;
padding-bottom:20px;
margin-bottom:2%;
position:relative;
}

.ttlStyle06:after{
content:"";
background-color:#03255c;
width:180px;
height:5px;
margin:auto;
position:absolute;
bottom:0;
left:0;
right:0;
}

@media screen and (max-width: 767px) {
.ttlStyle06{
font-size:180%;
padding-bottom:10px;
}

.ttlStyle06:after{
width:120px;
height:3px;
}
}


/* --------------------------------------------------
 Table
-------------------------------------------------- */
/* Common Table --------------- */
.tblComm{
border-top:1px solid #fff;
}

.tblComm th,
.tblComm td{
padding:7px 15px;
border:1px solid #c9c9c9;
box-sizing:border-box;
}

.tblComm th{
background-color:#f4f4f4;
width:20%;
border-right-color:#f4f4f4;
}

.tblComm td{
border-left-color:#f4f4f4;
}

.tblComm th[align="center"],
.tblComm td[align="center"]{
text-align:center;
}

.tblComm th[align="right"],
.tblComm td[align="right"]{
text-align:right;
}

.tblRespon{
overflow-x:auto;
}

.tblRespon .tblComm{
min-width:600px;
}

.noteTbl{
color:red;
text-align:center;
margin:2% 0;
display:none;
}

@media screen and (max-width: 767px) {
.tblComm th,
.tblComm td{
font-size:90%;
}

.tblComm th{
width:30%;
}

.tblComm.singleRow th{
display:block;
font-weight:bold;
padding-bottom:0;
}

.tblComm.singleRow td{
display:block;
}

.noteTbl{
display:block;
}
}

/* Form Table --------------- */
.tblForm th{
background-color:#f7f7f7;
width:25%;
padding:2%;
text-align:left;
}

.tblForm td{
background-color:#fff;
padding:2%;
text-align:left;
}

.tblForm th,
.tblForm td{
border:1px solid #cccccc;
}

@media screen and (max-width: 767px) {
.tblForm th{
width:auto;
}

.tblForm.singleRow th{
display:block;
font-weight:bold;
padding-bottom:0;
}

.tblForm.singleRow td{
display:block;
}
}

/* tblRespon --------------- */
.tblRespon{
overflow-x:auto;
}

.noteTblRespon{
font-size:80%;
color:red;
margin:2% 0;
text-align:center;
display:none;
}

@media screen and (max-width: 767px) {
.noteTblRespon{
display:none;
}
}

@media screen and (max-width: 650px) {
.noteTblRespon{
display:block;
}
}


/* --------------------------------------------------
 List
-------------------------------------------------- */
/* Common List --------------- */
.listComm li{
width:48%;
float:left;
}

.listComm li:nth-of-type(2n){
float:right;
}

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


/* --------------------------------------------------
 Button
-------------------------------------------------- */
/* btnStyle01 --------------- */
.btnStyle01 a{
background:#ff8932;
background:linear-gradient(to top, rgba(255,135,50,1) 0%, rgba(255,135,50,1) 52%, rgba(255,212,69,1) 100%);
border:2px solid #f1cd08;
border-radius:3px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
padding:7px 20px;
display:inline-block;
}

.btnStyle01 .txt01{
font-size:120%;
color:#fff;
display:inline-block;
}

.btnStyle01 .txt02{
font-size:160%;
color:#fff;
margin-left:15px;
display:inline-block;
}

@media screen and (max-width: 767px) {
.btnStyle01 .txt01{
font-size:110%;
}

.btnStyle01 .txt02{
font-size:140%;
}
}

@media screen and (max-width: 480px) {
.btnStyle01 a{
display:block;
}

.btnStyle01 .txt01{
font-size:110%;
}

.btnStyle01 .txt02{
margin-left:0;
display:block;
}
}


/* --------------------------------------------------
 Text
-------------------------------------------------- */
.txtGothic{
font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Noto Sans Japanese', Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; /* Gothic */
}

.txtMincho{
font-family:"Times New Roman", "游明朝",YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","メイリオ", Meiryo,serif !important; /* Mincho */
}

.txtCenter{
text-align:center;
}

.txtVCenter{
vertical-align:middle;
}

.txtUnderline{
text-decoration:underline;
}

.txtBig{
font-size:115%;
}

.txtSmall{
font-size:85%;
}

.txtWeight{
font-weight:bold;
}

.txtInlineBlc{
text-align:left;
display:inline-block;
}

.txtBlack{
color:#000;
}

.txtRed{
color:#e60000;
}

.txtYellow{
color:#fffc00;
}

.txtHilightOrange{
background:url(../img/common/bg_hilight_orange.png) repeat-x left bottom;
background-size:auto 18px;
}

.txtHilightYellow{
background:url(../img/common/bg_hilight_yellow.png) repeat-x left bottom;
}

.txtHilightGreen{
background:url(../img/common/bg_hilight_green.png) repeat-x left bottom;
}

@media screen and (max-width: 767px) {
.txtHilightOrange{
background-size:auto 12px;
}

.txtForSp{
text-align:left !important;
}

.txtForSp br{
display:none !important;
}

span.txtForSp{
display:inline-block;
}
}

@media screen and (min-width: 650px) {	
.br-pc{display:block;}
.br-sp{display:none;}
}

@media screen and (max-width: 650px) {	
.br-pc{display:none;}
.br-sp{display:block;}
}

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


/* --------------------------------------------------
 Other Classes
-------------------------------------------------- */
/* Clear fix --------------- */
.clearFix:after{
content:"";
clear:both;
display:block;
}

/* Clear --------------- */
.clear{
clear:both;
}

/* Hide --------------- */
.hidden{
opacity:0;
}

.visible{
opacity:1;
}

.disnon{
display:none;
}

/* imgDeco --------------- */
.imgDeco{
border:1px solid #cdcdcd;
padding:1px;
box-sizing:border-box;
}

/* imgCircle --------------- */
.imgCircle{
border-radius:999px;
}

/* imgZoomEffect --------------- */
.imgZoom{
overflow:hidden;
}

.imgZoom img,
.imgZoom .img{
-ms-transform:translateZ(0px);
-webkit-transform:translateZ(0px);
transform:translateZ(0px);
transition:all 200ms ease-in-out 0s;
}

.imgZoom img:hover,
.imgZoom .img:hover{
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
transform:scale(1.05);
}

/* PDF icon --------------- */
.icnPdf{
vertical-align:bottom;
margin:0px 3%;
}

/* Form required --------------- */
.required,
.nRequired{
background-color:#f02323;
color:#fff;
display:inline-block;
font-size:12px;
margin:0 5px;
padding:0;
text-align:center;
line-height:22px;
width:40px;
}

.nRequired{
background-color:#001441;
}

.required.right,
.nRequired.right{
margin-top:5px;
float:right;
}

@media screen and (max-width: 767px) {
/* Popup --------------- */
.popup{
display:block;
position:relative;
}
}

/* hide --------------- */
.hide{
opacity:0;
}

@media screen and (max-width: 1200px) {
.hide{
opacity:1;
}
}