@charset "utf-8";

@import "reset.css";
@import "contents.css";
@import "jquery.fancybox.css";

/* google web font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');


/* ---------------------    
PC Style
---------------------- */
body    {
    font-family: 'Noto Sans JP' , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    line-height: 2.0em;
    word-break: break-all;
    font-size: 87.5%;
    color: #444444;
   }
/* main area base color */
main {
}


/* link
---------------------------*/
a:link, a:active, a:visited  { text-decoration: none; color: #2F308E; transition: .2s; }
main a:link  { text-decoration: underline; }
a:hover { text-decoration: underline; color: #137AB5; }
a:hover img { opacity: 0.6; }


/* webフォント読み込みスピード対策
---------------------------*/
/*html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}*/


/* font style
---------------------------*/
.txtSans    { font-family: 'Noto Sans Japanese' , "游ゴシック体", YuGothic , "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; }
.txtSerif   { font-family: 'Noto Serif JP', "游明朝", YuMincho , "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }


/* text style
---------------------------*/
.indent { text-indent: -9999px; }
.tNormal { font-weight: normal; }
.tBold  { font-weight: bold; }


/* float box
---------------------------*/
.fLeft    { float: left; }
.fRight    { float: right; }


/* text position
---------------------------*/
.tCenter    { text-align: center; }
.tLeft    { text-align: left; }
.tRight    { text-align: right; }


/* ---------------------------
display style
---------------------------*/
.dispSP  {
    display: none;
}
.dispPC {
    display: block;
}


/* form style
---------------------------*/
form	{ margin: 0px; }
input , textarea	{ border: 1px solid #cccccc; background-color: #ffffff; }


/* clearfix style
---------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
    display: inherit;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}


/* ---------------------    
SP Style
---------------------- */
@media all and (max-width: 800px) {
    /* ---------------------    
    global：mobile
    ---------------------- */
    img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　
    }
    .breakSP    {
    display: block;
    }
    .breakPC    {
    display: none!important;
    }
    
    /* ---------------------------
    display style
    ---------------------------*/
    .dispSP  {
        display: block!important;
    }
    .dispPC {
        display: none;
    }

    /* float box
    ---------------------------*/
    .fLeft , .fRight    { float: none; }
        
}




/* ================
	
Spaces & font size

================ */

@media all and (min-width: 769px) {
	
	/* margin style
	---------------------------*/
	.pcmA	{ margin: 0 auto; }
	
	.pcmT5	{margin-top: 5px;}
	.pcmT10	{margin-top: 10px;}
	.pcmT15	{margin-top: 15px;}
	.pcmT20	{margin-top: 20px;}
	.pcmT25	{margin-top: 25px;}
	.pcmT30	{margin-top: 30px;}
	.pcmT35	{margin-top: 35px;}
	.pcmT40	{margin-top: 40px;}
	.pcmT45	{margin-top: 45px;}
	.pcmT50	{margin-top: 50px;}
	.pcmT55	{margin-top: 55px;}
	.pcmT60	{margin-top: 60px;}
	.pcmT65	{margin-top: 65px;}
	.pcmT70	{margin-top: 70px;}
	.pcmT75	{margin-top: 75px;}
	.pcmT80	{margin-top: 80px;}
	.pcmT85	{margin-top: 85px;}
	.pcmT90	{margin-top: 90px;}
	.pcmT100	{margin-top: 100px;}
	
	.pcmB5	{margin-bottom: 5px;}
	.pcmB10	{margin-bottom: 10px;}
	.pcmB15	{margin-bottom: 15px;}
	.pcmB20	{margin-bottom: 20px;}
	.pcmB25	{margin-bottom: 25px;}
	.pcmB30	{margin-bottom: 30px;}
	.pcmB35	{margin-bottom: 35px;}
	.pcmB40	{margin-bottom: 40px;}
	.pcmB45	{margin-bottom: 45px;}
	.pcmB50	{margin-bottom: 50px;}
	.pcmB55	{margin-bottom: 55px;}
	.pcmB60	{margin-bottom: 60px;}
	.pcmB65	{margin-bottom: 65px;}
	.pcmB70	{margin-bottom: 70px;}
	.pcmB75	{margin-bottom: 75px;}
	.pcmB80	{margin-bottom: 80px;}
	.pcmB85	{margin-bottom: 85px;}
	.pcmB90	{margin-bottom: 90px;}
	.pcmB100	{margin-bottom: 100px;}
	
	.pcmLA	{margin-left: auto;}
	.pcmL5	{margin-left: 5px;}
	.pcmL10	{margin-left: 10px;}
	.pcmL15	{margin-left: 15px;}
	.pcmL20	{margin-left: 20px;}
	.pcmL25	{margin-left: 25px;}
	.pcmL30	{margin-left: 30px;}
	.pcmL35	{margin-left: 35px;}
	.pcmL40	{margin-left: 40px;}
	.pcmL45	{margin-left: 45px;}
	.pcmL50	{margin-left: 50px;}
	.pcmL55	{margin-left: 55px;}
	.pcmL60	{margin-left: 60px;}
	.pcmL65	{margin-left: 65px;}
	.pcmL70	{margin-left: 70px;}
	.pcmL75	{margin-left: 75px;}
	.pcmL80	{margin-left: 80px;}
	.pcmL85	{margin-left: 85px;}
	.pcmL90	{margin-left: 90px;}
	.pcmL100	{margin-left: 100px;}
	
	.pcmRA	{margin-right: auto;}
	.pcmR5	{margin-right: 5px;}
	.pcmR10	{margin-right: 10px;}
	.pcmR15	{margin-right: 15px;}
	.pcmR20	{margin-right: 20px;}
	.pcmR25	{margin-right: 25px;}
	.pcmR30	{margin-right: 30px;}
	.pcmR35	{margin-right: 35px;}
	.pcmR40	{margin-right: 40px;}
	.pcmR45	{margin-right: 45px;}
	.pcmR50	{margin-right: 50px;}
	.pcmR55	{margin-right: 55px;}
	.pcmR60	{margin-right: 60px;}
	.pcmR65	{margin-right: 65px;}
	.pcmR70	{margin-right: 70px;}
	.pcmR75	{margin-right: 75px;}
	.pcmR80	{margin-right: 80px;}
	.pcmR85	{margin-right: 85px;}
	.pcmR90	{margin-right: 90px;}
	.pcmR100	{margin-right: 100px;}
	
	/* padding style
	---------------------------*/
	.pcpT5	{padding-top: 5px;}
	.pcpT10	{padding-top: 10px;}
	.pcpT15	{padding-top: 15px;}
	.pcpT20	{padding-top: 20px;}
	.pcpT25	{padding-top: 25px;}
	.pcpT30	{padding-top: 30px;}
	.pcpT35	{padding-top: 35px;}
	.pcpT40	{padding-top: 40px;}
	.pcpT45	{padding-top: 45px;}
	.pcpT50	{padding-top: 50px;}
	.pcpT55	{padding-top: 55px;}
	.pcpT60	{padding-top: 60px;}
	.pcpT65	{padding-top: 65px;}
	.pcpT70	{padding-top: 70px;}
	.pcpT75	{padding-top: 75px;}
	.pcpT80	{padding-top: 80px;}
	.pcpT85	{padding-top: 85px;}
	.pcpT90	{padding-top: 90px;}
	.pcpT100	{padding-top: 100px;}
	
	.pcpB5	{padding-bottom: 5px;}
	.pcpB10	{padding-bottom: 10px;}
	.pcpB15	{padding-bottom: 15px;}
	.pcpB20	{padding-bottom: 20px;}
	.pcpB25	{padding-bottom: 25px;}
	.pcpB30	{padding-bottom: 30px;}
	.pcpB35	{padding-bottom: 35px;}
	.pcpB40	{padding-bottom: 40px;}
	.pcpB45	{padding-bottom: 45px;}
	.pcpB50	{padding-bottom: 50px;}
	.pcpB55	{padding-bottom: 55px;}
	.pcpB60	{padding-bottom: 60px;}
	.pcpB65	{padding-bottom: 65px;}
	.pcpB70	{padding-bottom: 70px;}
	.pcpB75	{padding-bottom: 75px;}
	.pcpB80	{padding-bottom: 80px;}
	.pcpB85	{padding-bottom: 85px;}
	.pcpB90	{padding-bottom: 90px;}
	.pcpB100	{padding-bottom: 100px;}
	
	.pcpL5	{padding-left: 5px;}
	.pcpL10	{padding-left: 10px;}
	.pcpL15	{padding-left: 15px;}
	.pcpL20	{padding-left: 20px;}
	.pcpL25	{padding-left: 25px;}
	.pcpL30	{padding-left: 30px;}
	.pcpL35	{padding-left: 35px;}
	.pcpL40	{padding-left: 40px;}
	.pcpL45	{padding-left: 45px;}
	.pcpL50	{padding-left: 50px;}
	.pcpL55	{padding-left: 55px;}
	.pcpL60	{padding-left: 60px;}
	.pcpL65	{padding-left: 65px;}
	.pcpL70	{padding-left: 70px;}
	.pcpL75	{padding-left: 75px;}
	.pcpL80	{padding-left: 80px;}
	.pcpL85	{padding-left: 85px;}
	.pcpL90	{padding-left: 90px;}
	.pcpL100	{padding-left: 100px;}
	
	.pcpR5	{padding-right: 5px;}
	.pcpR10	{padding-right: 10px;}
	.pcpR15	{padding-right: 15px;}
	.pcpR20	{padding-right: 20px;}
	.pcpR25	{padding-right: 25px;}
	.pcpR30	{padding-right: 30px;}
	.pcpR35	{padding-right: 35px;}
	.pcpR40	{padding-right: 40px;}
	.pcpR45	{padding-right: 45px;}
	.pcpR50	{padding-right: 50px;}
	.pcpR55	{padding-right: 55px;}
	.pcpR60	{padding-right: 60px;}
	.pcpR65	{padding-right: 65px;}
	.pcpR70	{padding-right: 70px;}
	.pcpR75	{padding-right: 75px;}
	.pcpR80	{padding-right: 80px;}
	.pcpR85	{padding-right: 85px;}
	.pcpR90	{padding-right: 90px;}
	.pcpR100	{padding-right: 100px;}
	
	/* font-size style
	---------------------------*/
	.pcfs9	{ font-size: 0.5625rem; }
	.pcfs10	{ font-size: 0.625rem; }
	.pcfs11	{ font-size: 0.6875rem; }
	.pcfs12	{ font-size: 0.75rem; }
	.pcfs13	{ font-size: 0.8125rem; }
	.pcfs14	{ font-size: 0.875rem; }
	.pcfs15	{ font-size: 0.9375rem; }
	.pcfs16	{ font-size: 1.0rem; }
	.pcfs17	{ font-size: 1.0625rem; }
	.pcfs18	{ font-size: 1.125rem; }
	.pcfs19	{ font-size: 1.1875rem; }
	.pcfs20	{ font-size: 1.25rem; }
	.pcfs21	{ font-size: 1.3125rem; }
	.pcfs22	{ font-size: 1.375rem; }
	.pcfs23{ font-size: 1.4375rem; }
	.pcfs24{ font-size: 1.5rem; }
	.pcfs25{ font-size: 1.5625rem; }
	.pcfs26{ font-size: 1.625rem; }
	.pcfs27{ font-size: 1.6875rem; }
	.pcfs28{ font-size: 1.75rem; }
	.pcfs29{ font-size: 1.8125rem; }
	.pcfs30{ font-size: 1.875rem; }
	.pcfs31{ font-size: 1.9375rem; }
	.pcfs32{ font-size: 2.0rem; }
	.pcfs33{ font-size: 2.0625rem; }
	.pcfs34{ font-size: 2.125rem; }
	.pcfs35{ font-size: 2.1875rem; }
	.pcfs36{ font-size: 2.25rem; }
	.pcfs37{ font-size: 2.3125rem; }
	.pcfs38{ font-size: 2.375rem; }
	.pcfs39{ font-size: 2.4375rem; }
	.pcfs40{ font-size: 2.5rem; }
	.pcfs41{ font-size: 2.5625rem; }
	.pcfs42{ font-size: 2.625rem; }
	.pcfs43{ font-size: 2.6875rem; }
	.pcfs44{ font-size: 2.75rem; }
	.pcfs45{ font-size: 2.8125rem; }
	.pcfs46{ font-size: 2.875rem; }
	.pcfs47{ font-size: 2.9375rem; }
	.pcfs48{ font-size: 3.0rem; }
	.pcfs49{ font-size: 3.0625rem; }
	.pcfs50{ font-size: 3.125rem; }
	
	
	/* line-height */
	.pclh120	{ line-height: 1.2em; }
	.pclh140	{ line-height: 1.4em; }
	.pclh160	{ line-height: 1.6em; }
	.pclh180	{ line-height: 1.8em; }
	
	
	/* font-weight */
	.pcfw300	{ font-weight: 300; }
	.pcfw400	{ font-weight: 400; }
	.pcfw500	{ font-weight: 500; }
	
	
}


@media all and (max-width: 768px) {
	
	/* margin style
	---------------------------*/
	.spmA	{ margin: 0 auto; }
	
	.spmT5	{margin-top: 5px;}
	.spmT10	{margin-top: 10px;}
	.spmT15	{margin-top: 15px;}
	.spmT20	{margin-top: 20px;}
	.spmT25	{margin-top: 25px;}
	.spmT30	{margin-top: 30px;}
	.spmT35	{margin-top: 35px;}
	.spmT40	{margin-top: 40px;}
	.spmT45	{margin-top: 45px;}
	.spmT50	{margin-top: 50px;}
	.spmT55	{margin-top: 55px;}
	.spmT60	{margin-top: 60px;}
	.spmT65	{margin-top: 65px;}
	.spmT70	{margin-top: 70px;}
	.spmT75	{margin-top: 75px;}
	.spmT80	{margin-top: 80px;}
	.spmT85	{margin-top: 85px;}
	.spmT90	{margin-top: 90px;}
	.spmT100	{margin-top: 100px;}
	
	.spmB5	{margin-bottom: 5px;}
	.spmB10	{margin-bottom: 10px;}
	.spmB15	{margin-bottom: 15px;}
	.spmB20	{margin-bottom: 20px;}
	.spmB25	{margin-bottom: 25px;}
	.spmB30	{margin-bottom: 30px;}
	.spmB35	{margin-bottom: 35px;}
	.spmB40	{margin-bottom: 40px;}
	.spmB45	{margin-bottom: 45px;}
	.spmB50	{margin-bottom: 50px;}
	.spmB55	{margin-bottom: 55px;}
	.spmB60	{margin-bottom: 60px;}
	.spmB65	{margin-bottom: 65px;}
	.spmB70	{margin-bottom: 70px;}
	.spmB75	{margin-bottom: 75px;}
	.spmB80	{margin-bottom: 80px;}
	.spmB85	{margin-bottom: 85px;}
	.spmB90	{margin-bottom: 90px;}
	.spmB100	{margin-bottom: 100px;}
	
	.spmLA	{margin-left: auto;}
	.spmL5	{margin-left: 5px;}
	.spmL10	{margin-left: 10px;}
	.spmL15	{margin-left: 15px;}
	.spmL20	{margin-left: 20px;}
	.spmL25	{margin-left: 25px;}
	.spmL30	{margin-left: 30px;}
	.spmL35	{margin-left: 35px;}
	.spmL40	{margin-left: 40px;}
	.spmL45	{margin-left: 45px;}
	.spmL50	{margin-left: 50px;}
	.spmL55	{margin-left: 55px;}
	.spmL60	{margin-left: 60px;}
	.spmL65	{margin-left: 65px;}
	.spmL70	{margin-left: 70px;}
	.spmL75	{margin-left: 75px;}
	.spmL80	{margin-left: 80px;}
	.spmL85	{margin-left: 85px;}
	.spmL90	{margin-left: 90px;}
	.spmL100	{margin-left: 100px;}
	
	.spmRA	{margin-right: auto;}
	.spmR5	{margin-right: 5px;}
	.spmR10	{margin-right: 10px;}
	.spmR15	{margin-right: 15px;}
	.spmR20	{margin-right: 20px;}
	.spmR25	{margin-right: 25px;}
	.spmR30	{margin-right: 30px;}
	.spmR35	{margin-right: 35px;}
	.spmR40	{margin-right: 40px;}
	.spmR45	{margin-right: 45px;}
	.spmR50	{margin-right: 50px;}
	.spmR55	{margin-right: 55px;}
	.spmR60	{margin-right: 60px;}
	.spmR65	{margin-right: 65px;}
	.spmR70	{margin-right: 70px;}
	.spmR75	{margin-right: 75px;}
	.spmR80	{margin-right: 80px;}
	.spmR85	{margin-right: 85px;}
	.spmR90	{margin-right: 90px;}
	.spmR100	{margin-right: 100px;}
	
	/* padding style
	---------------------------*/
	.sppT5	{padding-top: 5px;}
	.sppT10	{padding-top: 10px;}
	.sppT15	{padding-top: 15px;}
	.sppT20	{padding-top: 20px;}
	.sppT25	{padding-top: 25px;}
	.sppT30	{padding-top: 30px;}
	.sppT35	{padding-top: 35px;}
	.sppT40	{padding-top: 40px;}
	.sppT45	{padding-top: 45px;}
	.sppT50	{padding-top: 50px;}
	.sppT55	{padding-top: 55px;}
	.sppT60	{padding-top: 60px;}
	.sppT65	{padding-top: 65px;}
	.sppT70	{padding-top: 70px;}
	.sppT75	{padding-top: 75px;}
	.sppT80	{padding-top: 80px;}
	.sppT85	{padding-top: 85px;}
	.sppT90	{padding-top: 90px;}
	.sppT100	{padding-top: 100px;}
	
	.sppB5	{padding-bottom: 5px;}
	.sppB10	{padding-bottom: 10px;}
	.sppB15	{padding-bottom: 15px;}
	.sppB20	{padding-bottom: 20px;}
	.sppB25	{padding-bottom: 25px;}
	.sppB30	{padding-bottom: 30px;}
	.sppB35	{padding-bottom: 35px;}
	.sppB40	{padding-bottom: 40px;}
	.sppB45	{padding-bottom: 45px;}
	.sppB50	{padding-bottom: 50px;}
	.sppB55	{padding-bottom: 55px;}
	.sppB60	{padding-bottom: 60px;}
	.sppB65	{padding-bottom: 65px;}
	.sppB70	{padding-bottom: 70px;}
	.sppB75	{padding-bottom: 75px;}
	.sppB80	{padding-bottom: 80px;}
	.sppB85	{padding-bottom: 85px;}
	.sppB90	{padding-bottom: 90px;}
	.sppB100	{padding-bottom: 100px;}
	
	.sppL5	{padding-left: 5px;}
	.sppL10	{padding-left: 10px;}
	.sppL15	{padding-left: 15px;}
	.sppL20	{padding-left: 20px;}
	.sppL25	{padding-left: 25px;}
	.sppL30	{padding-left: 30px;}
	.sppL35	{padding-left: 35px;}
	.sppL40	{padding-left: 40px;}
	.sppL45	{padding-left: 45px;}
	.sppL50	{padding-left: 50px;}
	.sppL55	{padding-left: 55px;}
	.sppL60	{padding-left: 60px;}
	.sppL65	{padding-left: 65px;}
	.sppL70	{padding-left: 70px;}
	.sppL75	{padding-left: 75px;}
	.sppL80	{padding-left: 80px;}
	.sppL85	{padding-left: 85px;}
	.sppL90	{padding-left: 90px;}
	.sppL100	{padding-left: 100px;}
	
	.sppR5	{padding-right: 5px;}
	.sppR10	{padding-right: 10px;}
	.sppR15	{padding-right: 15px;}
	.sppR20	{padding-right: 20px;}
	.sppR25	{padding-right: 25px;}
	.sppR30	{padding-right: 30px;}
	.sppR35	{padding-right: 35px;}
	.sppR40	{padding-right: 40px;}
	.sppR45	{padding-right: 45px;}
	.sppR50	{padding-right: 50px;}
	.sppR55	{padding-right: 55px;}
	.sppR60	{padding-right: 60px;}
	.sppR65	{padding-right: 65px;}
	.sppR70	{padding-right: 70px;}
	.sppR75	{padding-right: 75px;}
	.sppR80	{padding-right: 80px;}
	.sppR85	{padding-right: 85px;}
	.sppR90	{padding-right: 90px;}
	.sppR100	{padding-right: 100px;}
	
	
	/* font-size style
	---------------------------*/
	.spfs9	{ font-size: 0.5625rem; }
	.spfs10	{ font-size: 0.625rem; }
	.spfs11	{ font-size: 0.6875rem; }
	.spfs12	{ font-size: 0.75rem; }
	.spfs13	{ font-size: 0.8125rem; }
	.spfs14	{ font-size: 0.875rem; }
	.spfs15	{ font-size: 0.9375rem; }
	.spfs16	{ font-size: 1.0rem; }
	.spfs17	{ font-size: 1.0625rem; }
	.spfs18	{ font-size: 1.125rem; }
	.spfs19	{ font-size: 1.1875rem; }
	.spfs20	{ font-size: 1.25rem; }
	.spfs21	{ font-size: 1.3125rem; }
	.spfs22	{ font-size: 1.375rem; }
	.spfs23{ font-size: 1.4375rem; }
	.spfs24{ font-size: 1.5rem; }
	.spfs25{ font-size: 1.5625rem; }
	.spfs26{ font-size: 1.625rem; }
	.spfs27{ font-size: 1.6875rem; }
	.spfs28{ font-size: 1.75rem; }
	.spfs29{ font-size: 1.8125rem; }
	.spfs30{ font-size: 1.875rem; }
	.spfs31{ font-size: 1.9375rem; }
	.spfs32{ font-size: 2.0rem; }
	.spfs33{ font-size: 2.0625rem; }
	.spfs34{ font-size: 2.125rem; }
	.spfs35{ font-size: 2.1875rem; }
	.spfs36{ font-size: 2.25rem; }
	.spfs37{ font-size: 2.3125rem; }
	.spfs38{ font-size: 2.375rem; }
	.spfs39{ font-size: 2.4375rem; }
	.spfs40{ font-size: 2.5rem; }
	.spfs41{ font-size: 2.5625rem; }
	.spfs42{ font-size: 2.625rem; }
	.spfs43{ font-size: 2.6875rem; }
	.spfs44{ font-size: 2.75rem; }
	.spfs45{ font-size: 2.8125rem; }
	.spfs46{ font-size: 2.875rem; }
	.spfs47{ font-size: 2.9375rem; }
	.spfs48{ font-size: 3.0rem; }
	.spfs49{ font-size: 3.0625rem; }
	.spfs50{ font-size: 3.125rem; }
	
	/* line-height */
	.splh120	{ line-height: 1.2em; }
	.splh140	{ line-height: 1.4em; }
	.splh160	{ line-height: 1.6em; }
	.splh180	{ line-height: 1.8em; }
	
	
	/* font-weight */
	.spfw300	{ font-weight: 300; }
	.spfw400	{ font-weight: 400; }
	.spfw500	{ font-weight: 500; }
	
}