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

/* ============================
		Reset
 ============================ */

* { margin:0;padding:0;}

html {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 62.5%;
vertical-align: baseline;
background: transparent;
}


body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1.6rem;
line-height: 1.0em;
vertical-align: baseline;
background: transparent;
}

span {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.0em;
vertical-align: baseline;
background: transparent;
}


body {
/*font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Segoe UI, "Helvetica Neue", HelveticaNeue, "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif; 
font-family:-apple-system, "Helvetica Neue", HelveticaNeue, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;*/
font-family: "BIZ UDPGothic", sans-serif;
font-size: 1.6rem;
font-weight: 400;
font-style: normal;
line-height:1.0em;
text-align:left;
color: #000;
-webkit-text-size-adjust: 100%;
letter-spacing: 0.05em;
/*font-feature-settings : "palt" 1;*/
opacity: 0;
animation: appeare 0.1s ease 0.1s 1 normal forwards running;
-webkit-font-smoothing: antialiased !important;
}


article {margin-top: 62px;}

@media screen and (min-width: 1024px) {

	article {margin-top: 157px;;}

}


.container {
width:100%;
position: relative;
}

/* a { 
color: #000;
text-decoration:none;
} */

a { word-break: break-all; }

a img {
border:0;
text-decoration:none;
}

img.withBorder {
border: 1px solid #ccc;
}

/*	this is my short cut clear fix.
	with note "display:flex" */
.cfx:before, .cfx:after {
  content:"";
  display: table;
}
.cfx:after { clear:both; }
.cfx { *zoom:1; }



/* unnuber list is clear fix */
ul:before, ul:after {
content:"";
display: table;
}
ul:after { clear:both; }
ul { *zoom:1; }

/* data list is clear fix */
dl:before, dl:after {
content:"";
display: table;
}
dl:after { clear:both; }
dl { *zoom:1; }

li { list-style:none; }

hr {
border-top: 1px solid #ccc;
border-bottom: none;
border-left: none;
border-right: none;
margin: 2em 0;
}

hr.dotted {
border-top: 1px dotted #aaa;
}

strong {
font-weight: 600;
}


/*	---------------------------
   		display control
	--------------------------- */

.sxDisplayNone {}
.spDisplayNone {}
.tbDisplayNone {}
.pcDisplayNone {}
.pcxDisplayNone {}
.smartContainer {}
.sxDisplayOn,
.spDisplayOn,
.tbDisplayOn,
.pcDisplayOn,
.pcxDisplayOn {
display: none;
}


.body {
font-size: 1.6rem;
line-height: 1.75em;
margin-bottom: 1em;
}

.small {
font-size: 1.4rem;
line-height: 1.75em;
}


.inlineBlock {
display: inline-block;
}

.kohoColor {
color: #004480
}
.redColor {
color: #f00;
}
.text_blue_bold {
font-weight: 600;
font-weight: 400;
color: #004480;
}


.afterIconPDF::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_pdf001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
}
.afterIconDOC::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_doc001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
}
.afterIconXLS::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_xls001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
}
.afterIconPPT::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_ppt001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
}
.afterIconTXT::after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_txt001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
}


.beforeIconPDF::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_pdf001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
margin-right: 0.25em;
}
.beforeIconDOC::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_doc001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
margin-right: 0.25em;
}
.beforeIconXLS::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_xls001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
margin-right: 0.25em;
}
.beforeIconPPT::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_ppt001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
margin-right: 0.25em;
}
.beforeIconTXT::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../images/icon_txt001.svg");
background-repeat: no-repeat;
background-size: auto 20px;
background-position: center center;
position: relative;
top: 3px;
margin-right: 0.25em;
}

.outLink::after {
content: "";
display: inline-block;
width: 22px;
height: 22px;
background-image: url("../images/icon_outlink001.svg");
background-repeat: no-repeat;
background-size: 16px auto;
background-position: center center;
position: relative;
top: 3px;
margin-right: 0.25em;
}


/* for SPx */
@media screen and (max-width: 413px) {
	.sxDisplayOn {display: inline}
}


/* for SP */
@media screen and (max-width: 767px) {
	.spDisplayNone {display:none}
	.spDisplayOn {display: inline}
	.smartContainer {margin: 0 15px;}
}

/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){
	.tbDisplayNone {display:none;}
	.tbDisplayOn {display: inline}
	.smartContainer {margin: 0 15px;}
}

/* for PC */
@media screen and (min-width: 1024px) {
	.container {
	margin: 0 auto;
	position: relative;
	}
	.smartContainer {margin: 0;}
	.pcDisplayNone {display:none;}
	.pcDisplayOn {display: inline}
	a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
	a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}

	
}


/* for PC */
@media screen and (max-width: 1439px) and (min-width: 1024px){

	.container {
	width:100%;
	max-width: 1200px;
	}
	.smartContainer {
	margin: 0;
	}

}

/* for Large PC */
@media screen and (min-width: 1440px) {

	.container {
	width:1200px;
	}



}


/* blockskip */

#blockskip a {
  text-align: center;
  color: #fff;
  background: #666;
  display: block;
  height: 1px;
  padding: 0;
  text-decoration: none;
  position: relative;
  top: -1px;
}
#blockskip a:focus {
  height: auto;
  padding: 10px;
  z-index: 100000000;
  top: 0;
}


/* ============================
		form
 ============================ */


select {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
appearance: none;
font-size:1.4rem;
padding:10px 30px 10px 10px;
border:1px solid #ccc;
border-radius:0;
background-color: #fff;
background-image:url(../images/mark_down001.webp);
background-repeat:no-repeat;
background-position:right 12px center;
width: 100%;
box-sizing: border-box
}
select::-ms-expand {
display: none;
}


/*
checkbox / radioのコーディング例
<li><input type="radio" name="userConect" checked>メール</li>
<li><input type="radio" name="userConect">電話</li>
*/

input[type="checkbox"],
input[type="radio"] {
/*display:none;*/
border:none;
border-radius: 0;
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
padding: 10px;
background-repeat: no-repeat;
background-position: left center;
background-size: 13px auto;
cursor:pointer;
margin-right: 0em;
position: relative;
top: 4px;
}

input[type="checkbox"]:checked ,
input[type="radio"]:checked  {
background-repeat: no-repeat;
background-position: left center;
background-size: 13px auto;
cursor:pointer;
opacity: 1 !important;
}

input[type="checkbox"]{
background-image: url("../images/check001.svg");
}
input[type="radio"] {
background-image: url("../images/radio001.svg");
}

input[type="checkbox"]:checked {
background-image: url("../images/check001a.svg");

}
input[type="radio"]:checked {
background-image: url("../images/radio001a.svg");
}



input[type="text"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.4rem;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1em;
width: 100%;
box-sizing: border-box;
}

textarea {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.6rem;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1.5em;
width: 100%;
height: 130px;
box-sizing: border-box;
}

button[type="submit"],
input[type="submit"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.4rem;
padding: 0 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1em;
box-sizing: border-box;
}




/* ============================
		header
 ============================ */

header {
/*position: sticky;*/
position: fixed;
width: 100%;
height: 62px;
z-index:9999998;
background-color: #fff;
top:0;
left: 0;
/*background-color: rgba(255,255,255,1.0);*/
}


html {scroll-padding-top: 62px;}


header .headerLogo {
position: absolute;
top: 9px;
left: 10px;
z-index: 100000;
}
header .headerLogo a {
display: block;
}
header .headerLogo img {
width: 180px;
height: auto;
}

/* headerTopMenu */

header .headerTopMenu {
position: absolute;
top: 0px;
right: 82px;
z-index: 100000;
}

/* for SP */
@media screen and (max-width: 767px) {

	header .headerTopMenu {
	right: 70px;
	}

}



/* headerLogin */

header .headerLogin {
display: inline-block;
}

header .headerLogin .login {
}

header .headerLogin .login a {
display: inline-block;
font-size: 1.4rem;
font-weight: 600;
font-weight: 400;
color: #004480;
text-decoration: none;
line-height: 62px;
padding: 0 26px 0 0;
margin: 0;
background-image: url("../images/fig_header_login001.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 22px auto;
}

header .headerLogin .signUp {
display: none;
}

header .headerLogin .signUp a {
}

header .headerSearch {
display: none;
}

header .headerContact {
display: none;
}


/* for SP & TB */
@media screen and (max-width: 1023px) {

	header .headerLogin .questionary {
	position: absolute;
	top: 5px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 85px;
	border: 2px solid #004480;
	border-radius: 10px;
	line-height: 1.1em;
	text-align: center;
	}

	header .headerLogin .questionary a {
	display: block;
	font-size: 1.0rem;
	line-height: 1.1em;
	color: #004480;
	font-weight: 600;
	padding: 5px;
	background-image: none;
	text-decoration: none;
	white-space: nowrap;
	}

}




/* for PC */
@media screen and (min-width: 1024px) {

	header {
	height: 157px;
	}

	html {
	scroll-behavior: smooth;
	scroll-padding-top: 157px;
	}

	header .headerLogo {
	top: 20px;
	left: 30px;
	}
	header .headerLogo img {
	width: 220px;
	}

	/* headerTopMenu */

	header .headerTopMenu {
	top: 24px;
	right: 30px;
	display: flex;
	width: 600px;
	justify-content: flex-end;
	}


	/* headerLogin */

	header .headerLogin {
	display: flex;
	}
	
	
	header .headerLogin .questionary {
	display: inline-block;
	}


	header .headerLogin .questionary a {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 30px;
	color: #004480;
	font-weight: 600;
	padding: 0	20px 0 20px;
	background-image: none;
	border: 2px solid #004480;
	border-radius: 35px;
	text-decoration: none;
	}

	header .headerLogin .login {
	}

	header .headerLogin .login a {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 30px;
	padding: 0	10px 0 20px;
	background-image: none;
	border: 2px solid #004480;
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	}

	header .headerLogin .signUp {
	display: inline-block;
	}

	header .headerLogin .signUp a {
	display: inline-block;
	border: 2px solid #004480;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	background-color: #004480;
	line-height: 30px;
	padding: 0 20px 0 10px;
	text-decoration: none;
	color: #fff;
	}

	/* headerContact */
	header .headerContact {
	display: inline-block;
	
	}
	
	header .headerContact a {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 600;
	font-weight: 400;
	text-decoration: none;
	color: #000;
	line-height: 34px;
	padding-right: 12px;
	}


	/* headerSearch */


	header .headerSearch {
	display: inline-block;
	margin-left: 10px;
	position:relative;
	width: 40px;
	}

	#searchform .keyword,
	#searchform .submit,
	#searchform .submit02 {
	border:none;
	padding:10px;
	position:absolute;
	}

	#searchform .keyword {
	border-radius:20px;
	right:0px;
	transition:all 1.5s;
	width:40px;
	z-index: 11;
	color: transparent;
	cursor: pointer;
	background-color: transparent;
	}

	#searchform .keyword:focus {
	width:360px;
	border-radius:20px;
	background-color:#fff;
	right:0px;
	z-index: 9;
	color: #000;
	border: 1px solid #004480;
	outline: none;
	padding: 9px;
	cursor: text;
	transition:all 0.3s;
	}

	#searchform .submit {
	background:#004480;
	color:#fff;
	font-family:FontAwesome;
	right:0;
	top: -1px;
	width:40px;
	z-index: 10;
	border-radius: 40px;
	line-height: 38px;
	padding-top: 0;
	padding-bottom: 0;
	transition:all 0.3s;
	cursor: pointer;
	}

	#searchform .keyword:focus + .submit {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	z-index: 12;
	transition:all 1.1s;
	}
	#searchform .keyword:focus + .submit:hover {
	z-index: 12;
	}




}



/* ============================
		#gNav 
 ============================ */

#gNav a:hover {
color: #000;
}


@media screen and (min-width: 1024px) {

	#h_top {
    display: none;
	}

}



/* ============================
		mega_menu.js
 ============================ */

.base-container{
display: none;
}

@media screen and (min-width: 1024px) {

.base-container{
display: block;
position: relative;
top: 103px;
left: 0;
z-index: 9999999;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
height: 52px;
width: 100%;
}

.base-container a {
text-decoration: none;
color: #000;
}


/* --------------------------- */
/* メニュー（親）のスタイル */
/* --------------------------- */
.base-container .menu {
display: flex;
position: relative;
background-color: #fff;
color: #000;
width: 100%;
justify-content: center;
margin: 0 auto;
}
.menu-parent {
width: calc((100% / 6) - 20px);
border-right: 1px solid #fff;
font-size: 2.0rem;
font-weight: 600;
}

.menu-parent.consulting {
width: calc( (100% / 6) + 20px );
}

.menu-parent.creative {
width: calc( (100% / 6) + 120px );
}

.menu-parent.seminar {
width: calc( (100% / 6) - 60px );
}

.menu-parent.advisor {
width: calc( (100% / 6) - 50px );
}

.menu-parent.database {
width: calc( (100% / 6) + 40px );
}


.menu-parent:last-child {
border-right: none;
}

.menu-parent_a {
display: grid;
align-items: center;
height: 50px;
text-align: center;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
box-sizing: border-box;
place-content: center;
}


@media screen and (max-width: 1200px) and (min-width: 1024px){

	.menu-parent > a {
	font-size: 1.6rem;
	}

}

/* --------------------------- */
/* メニュー（親）の直接動作に関係する箇所 */
/* --------------------------- */
/* 親をhover時 */
@media (hover: hover) {
.menu-parent:hover .menu-parent_a{
background-color: #fff;
border-bottom: 4px solid #004480;
opacity: 1;
transition: all .3s;
}
}
/* --------------------------- */
/* メガメニュー(子)のスタイル */
/* --------------------------- */
.menu-child {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100vw;
background-color: rgba(246,247,254,0.98);
padding:45px 0;
margin: 0;
list-style: none;
text-align: left;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.menu-child_ul {
}
.menu-child_li {
width: 1200px;
margin: 0 auto;
line-height: 2;
display: flex;
}

.menu-parent.database .menu-parent_a span {
display: inline-block;
background-color: #333;
padding: 5px 15px;
border-radius: 20px;
color: #fff;
width: 10.0em;
}


.menu-child_li .title {
font-size: 30px;
font-weight: 600;
color: #000;
width: 370px;
text-align: center;
height: 204px;
background-repeat: no-repeat;
background-position: left top;
}
.consulting .menu-child_li .title {
background-image: url("../images/ph_gnavi001.webp");
}
.creative .menu-child_li .title {
background-image: url("../images/ph_gnavi002.webp");
}
.contest .menu-child_li .title {
background-image: url("../images/ph_gnavi003.webp");
}
.seminar .menu-child_li .title {
background-image: url("../images/ph_gnavi004.webp");
}
.advisor .menu-child_li .title {
background-image: url("../images/ph_gnavi005b.webp");
}

.menu-child_li > ul {
width: 830px;
box-sizing: border-box;
padding-left: 45px;
}

.menu-child_li .name {
margin-bottom: 15px;
}

.menu-child_li .name a {
font-size: 2.6rem;
/*	font-weight: 600;*/
font-weight: 600;
line-height: 1em;
color: #000;
margin-bottom: 15px;
}


.menu-child_li > ul > li > ul {
display: flex;
flex-wrap: wrap;
}

.menu-child_li > ul > li > ul > li {
width: calc(50% - 23px);
border-bottom: 1px solid #ccc;
}
.menu-child_li > ul > li > ul > li:nth-child(even) {
margin-left: 46px;
}


.menu-child_li > ul > li > ul > li > a {
display: grid;
align-items: center;
font-size: 1.8rem;
/*font-weight: 600;*/
font-weight: 400;
color: #000;
padding: 20px 30px 20px 0;
background-image: url("../images/arrow001.svg");
background-repeat: no-repeat;
background-position: right 5px center;
}


/* seminar */

.seminar .menu-child_li > ul > li > ul > li {
width: calc(33.3333% - 31px);
margin-right: 46px;
margin-left: 0;
}
.seminar .menu-child_li > ul > li > ul > li:nth-child(even) {
margin-left: 0;
}
.seminar .menu-child_li > ul > li > ul > li:nth-child(3n) {
margin-right: 0;
}

.seminar .menu-child_li > ul > li > ul > li > a {
font-size: 1.5rem;
padding: 12px 30px 12px 0;
}

/* database */

.database .menu-child_li > ul {
width: 100%;
padding-left: 0;
}

.database .menu-child_li > ul > li > ul > li {
width: calc(33.3333% - 31px);
margin-right: 46px;
margin-left: 0;
}
.database .menu-child_li > ul > li > ul > li:nth-child(even) {
margin-left: 0;
}
.database .menu-child_li > ul > li > ul > li:nth-child(3n) {
margin-right: 0;
}




}



/* ============================
		breadcrumb
 ============================ */

.breadcrumb {
width: 100%;
padding: 10px 0;
overflow: auto;
margin-bottom: 25px;
margin-top: 0px;
}

.breadcrumb ul {
display: block;
white-space: nowrap;
margin-top: 0;
/* padding-left: 15px; */
}


.breadcrumb li {
background-image: none;
padding-left: 0;
}

.breadcrumb li,
.breadcrumb li a {
display: inline-block;
font-size: 1.2rem;
line-height: 2em;
color: #000;
}

/*.breadcrumb li a::after  */
.breadcrumb li::after {
content: "＞";
/*margin: 0 0.5em 0 0.75em;*/
margin: 0 0 0 0.25em;
text-decoration: none;
}

.breadcrumb li:last-child {
padding-right: 15px;
}

.breadcrumb li:last-child::after {
content: none;
}

.breadcrumb li br {
display: none;
}


.breadcrumb * {
font-size: 1.2rem;
line-height: 2em;
color: #000;
}


.breadcrumb .post.post-news.current-item br {
display: none;
}


/* ============================
		footer 
 ============================ */


footer {
/*margin-top: 60px;*/
margin-top: 30px;
}


footer .footerMainSection {
background-color: #f6f7fe;
padding: 45px 0 30px 0;
}

footer .footerLogo {
margin-bottom: 30px;
}

footer .footerLogo a {
display: inline-block;
}

footer .footerLogo img {
width: 190px;
height: auto;
}

footer .footerAddress {
font-size: 1.5rem;
line-height: 1.6em;
}
footer .footerAddress a {
color: #000;
text-decoration: none;
}


/* pMarkBlock */

footer .pMarkBlock {
margin: 2em 0;
}

footer .pMarkBlock .privacymark {
text-align: center;
}

footer .pMarkBlock .privacymark img {
width: 75px;
margin-bottom: 5px;
}

footer .pMarkBlock a {
text-decoration: none;
color: #000;
}


/* footerGlobalMenuList */
footer .footerGlobalMenuList {
margin-top: 30px;
margin-bottom: 30px;
}

footer .footerGlobalMenuList li {
float: left;
font-size: 1.4rem;
margin-bottom: 10px;
}
footer .footerGlobalMenuList li::after {
content: "｜";
font-size: 1.4rem;
color: #004480;
}

footer .footerGlobalMenuList li a {
font-size: 1.4rem;
line-height: 1.2em;
color: #000;
text-decoration: none;
padding: 0 0.25em;
}



footer .footerBootomMenuList {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}

footer .footerBootomMenuList li {
}

footer .footerBootomMenuList a {
font-size: 1.4rem;
line-height: 1.2em;
color: #000;
text-decoration: none;
padding-left: 1em;
}

footer .footerBootomMenuList li:first-child a {
padding-left: 0;
}

/* footerCopyRightSection */

footer .footerCopyRightSection {
background-color: #004480;
padding: 25px 0 40px 0;
}

footer .footerCopyRightSection p {
font-size: 1.2rem;
color: #fff;
text-align: center;
line-height: 1.65em;
}





/* for SP */
@media screen and (max-width: 767px) {

	/* footerGlobalMenuList */


	footer .footerGlobalMenuList li:first-child a {
	padding-left: 0;
	}

	footer .footerGlobalMenuList li:nth-child(3) a,
	footer .footerGlobalMenuList li:nth-child(6) a {
	padding-left: 0;
	}

	footer .footerGlobalMenuList li:nth-child(2){
	padding-right: 0;
	}
	footer .footerGlobalMenuList li:nth-child(2)::after,
	footer .footerGlobalMenuList li:nth-child(5)::after  {
	content: none;
	}

	footer .footerGlobalMenuList li:nth-child(3),
	footer .footerGlobalMenuList li:nth-child(6) {
	clear: both;
	padding-left: 0;
	}

	footer .footerGlobalMenuList li:last-child::after {
	content: none;
	}

}


@media screen and (min-width: 1024px) {

	footer {
	margin-top: 100px;
	}
	
	footer .container {
	position: relative;
	}

	footer .footerMainSection {
	padding: 60px 0 30px 0;
	}

	footer .footerLogo {
	margin-bottom: 75px;
	}

	footer .footerLogo img {
	width: 260px;
	height: auto;
	}

	footer .footerAddress {
	position: absolute;
	top: 2px;
	left: 320px;
	font-size: 1.6rem;
	line-height: 1.7em;
	}
	
	footer .footerAddress a {
	color: #000;
	text-decoration: none;
	}

	footer .footerBootomMenuList a {
	font-size: 1.6rem;
	}

	/* footerGlobalMenuList */
	footer .footerGlobalMenuList li:first-child::before,
	footer .footerGlobalMenuList li:nth-child(4)::before {
	content: "｜";
	}

	footer .footerGlobalMenuList {
	margin-top: 0;
	margin-bottom: 0;
	}

	footer .footerGlobalMenuList li {
	font-size: 1.6rem;
	margin-bottom: 15px;
	}
	footer .footerGlobalMenuList li::after {
	font-size: 1.6rem;
	}

	footer .footerGlobalMenuList li:nth-child(4) {
	clear: both;
	}

	footer .footerGlobalMenuList li a {
	font-size: 1.6rem;
	padding: 0 0.5em;
	}

	footer .footerBootomMenuList {
	position: absolute;
	bottom: 17px;
	right: 0;
	}

	footer .footerBootomMenuList a {
	font-size: 1.6rem;
	line-height: 1em;
	padding-left: 1.5em;
	}


	/* footerCopyRightSection */

	footer .footerCopyRightSection {
	padding: 30px 0 50px 0;
	}

	footer .footerCopyRightSection p {
	font-size: 1.4rem;
	line-height: 1em;
	}


	/* pMarkBlock */

	footer .pMarkBlock {
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	}

	footer .pMarkBlock .privacymark {
	margin-bottom: 0;
	text-align: center;
	}

}


@media screen and (max-width: 1439px) and (min-width: 1024px){

	/* pMarkBlock */

	footer .pMarkBlock {
	margin: 0;
	position: absolute;
	top: 0;
	right: 15px;
	}

}


/* ============================
		common 
 ============================ */

img.size-full,
img.imgFluid {
max-width: 100%;
height: auto;
}

.textCenter {
text-align: center;
}

.textLeft {
text-align: left;
}

.textRight {
text-align: right;
}

img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }
img.float-left { float:left;margin-right: 1em; }
img.float-right { float:right;margin-left: 1em; }



.moreLink {
text-align: right;
}

.moreLink a {
display: inline-block;
font-size: 1.4rem;
text-decoration: none;
color: #fff;
background-color: #004480;
padding: 12px 40px 12px 15px;
line-height: 1.2em;
border-radius: 32px;
background-image: url("../../common/images/arrow002.svg");
background-repeat: no-repeat;
background-position: right 7px center;
background-size: 20px auto;
text-align: left;
}



/* ---- h1 ---- */
.common-h1 {
}

/* ---- h2 ---- */
.common-h2 {
}

/* ---- h3 ---- */
.common-h3 {
}

/* ---- h4 ---- */
.common-h4 {
}

/* ---- h5 ---- */
.common-h5 {
}

/* ---- h6 ---- */
.common-h6 {
}

.common-h7 {
}


/* ----  btnCommonReturn ----  */

.btnCommonReturn {
text-align: center;
margin: 60px 0;
}
.btnCommonReturn a {
display: inline-block;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0.25em;
padding-left: 0.25em;
box-sizing: border-box;
width: 58px;
line-height: 58px;
background-color: #004480;
color: #fff;
text-decoration: none;
border-radius: 58px;
}

/* ----  List ----  */

article ul.basicList {
margin: 1em 0;
}
article ul.basicList > li {
line-height: 1.75em;
padding-left: 18px;
background-image: url("../images/mark_list000.svg");
background-repeat: no-repeat;
background-position: left top 0.45em;
box-sizing: border-box;
}

article ul.basicList.circleBule > li {
background-image: url("../images/mark_list001.svg");
}


article ul.inlineBlockList li {
display: inline-block;
margin-right: 1em;
}

article ol.basicNumberList {
counter-reset:number;
list-style-type: none!important;
}

article ol.basicNumberList > li {
position: relative;
padding-left: 30px;
line-height: 1.5em;
padding: 0.5em 0.5em 0.5em 28px;
margin-left: 0;
counter-increment: cnt;
}

article ol.basicNumberList > li::before{
position: absolute;
counter-increment: number;
content: counter(number);
display:inline-block;
background-color: #fff;
color: #000;
border: 1px solid #000;
/*font-family: 'Avenir','Arial Black','Arial',sans-serif;*/
font-family: "BIZ UDPGothic", sans-serif;
font-weight: normal;
font-size: 1.4rem;
border-radius: 50%;
left: 0;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
top: 1.4em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

article ol.basicNumberList.bule > li::before,
article ol.kohoNumberList > li::before {
background-color: #004480;
color: #fff;
font-weight: 600;
border: none;
}


article .bgGray {
background-color: #f2f2f2;
}

article .bgGray05 {
background-color: #f2f2f2;
background-color: #eee;
}

article .bgGray10 {
background-color: #ccc;
}

article .bgGray20 {
background-color: #ccc;
}

article .bgGray40 {
background-color: #999;
}

article .bgGray60 {
background-color: #666;
}

article .bgGray80 {
background-color: #333;
}

article .bgGray100 {
background-color: #000;
}

article .bgKoho {
background-color: #e5ecf2;
}

article .bgKoho20 {
background-color: #ccdae6;
}

article .bgKoho40 {
background-color: #99b4cc;
}

article .bgKoho60 {
background-color: #668fb3;
}

article .bgKoho80 {
background-color: #336999;
}

article .bgKoho100 {
background-color: #004480;
}



article .borderGray {
border: 1px solid #eee;
}

article .borderGray20 {
border: 1px solid #ccc;
}

article .borderGray40 {
border: 1px solid #666;
}

article .borderGray60 {
border: 1px solid #999;
}

article .borderGray80 {
border: 1px solid #333;
}

article .borderGray100 {
border: 1px solid #000;
}

article .borderGray100.dotteds {
border-style: dotted;
}

article .borderBlack {
border: 1px solid #000;
}

article .fontColorWhite {
color: #fff;
}

article .fontColorRed {
color: #f00;
}

article .fontColorCiBule {
color: #004480;
}




/* ----- table ----- */


article table {
border-collapse: collapse;
width: 100%;
}

article table th,
article table td {
border: 1px solid #444;
font-weight: normal;
padding: 7px 10px;
vertical-align: top;
line-height: 1.75em;
}


article table ol.basicNumberList,
article table ul.basicList {
margin:  0;
}

article table thead th {
font-weight: 600;
text-align: center;
background-color: #ddd;
}
article table thead td {
font-weight: 600;
text-align: center;
background-color: #eee;
}

article table tbody th {
background-color: #eee;
white-space: nowrap;
}




article table.table_no_border td,
article table.table_no_border th,
article table.borderNone td,
article table.borderNone th {
border: none !important;
background-color: #fff !important;
}

article table.widthAuto {
width: auto !important;
}

article .commonFrame {
background-color: #f6f7fe;
padding: 2em;
}


article .commonFrame.withBorder {
border: 3px solid #004480;
}

article .commonFrame.withHalfBorder {
border: 3px solid #7fa1bf;
}

article .commonFrame.withQuarterBorder {
border: 3px solid #bfd0df;
}

article .commonFrame.noWall {
background-color: #fff;
}


article .commonGryFrame {
background-color: #eee;
padding: 2em;
}

article .commonGryFrame.withBorder {
border: 3px solid #333;
}

article .commonGryFrame.withHalfBorder {
border: 3px solid #aaa;
}

article .commonGryFrame.withQuarterBorder {
border: 3px solid #ddd;
}

article .commonFrame.withRadius,
article .commonGryFrame.withRadius {
border-radius: 10px;
}

article .commonGryFrame.noWall {
background-color: #fff
}



/* ----  footContactBlock ----  */

article .footContactBlock {
margin-top: 5em;
margin-bottom: 30px;
}

article .footContactBlock .wrap {
background-color: #f6f7fe;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 15px 0 30px 0;
}

article .footContactBlock .contactTitle {
font-size: 1.8rem;
font-weight: 600;
color: #fff;
text-align: center;
background-color: #c86d80;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 10px 0;
}

article .footContactBlock .contactName {
text-align: center;
margin-bottom: 15px;
}

article .footContactBlock .contactList li {
width: 300px;
margin: 0 auto 1em auto;
background-image: none;
padding: 0;
}
article .footContactBlock .contactList li:last-child {
margin-bottom: 0;
}


article .footContactBlock .contactList a {
display: block;
text-decoration: none;
border: 3px solid #c86d80;
border-radius: 53px;
background-color: #fff;
text-align: center;
padding-left: 48px;
line-height: 53px;
color: #c86d80;
font-family: 'Roboto', sans-serif;
font-size: 2.6rem;
background-repeat: no-repeat;
background-position: left 35px center;
background-size: 35px auto;
}

article .footContactBlock .contactList .call a  {
background-image: url("../images/fig_contact_call001.svg");
}


article .footContactBlock .contactList .fax a  {
background-image: url("../images/fig_contact_fax001.svg");
}



article .footContactBlock .contactList .faxLine {
display: block;
text-decoration: none;
border: 3px solid #c86d80;
border-radius: 53px;
background-color: #fff;
text-align: center;
background-image: url("../images/fig_contact_fax001.svg");
padding-left: 48px;
line-height: 53px;
color: #c86d80;
font-family: 'Roboto', sans-serif;
font-size: 2.6rem;
background-repeat: no-repeat;
background-position: left 35px center;
background-size: 35px auto;
}


article .footContactBlock .contactList .mail a  {
background-image: url("../images/fig_contact_mail002.svg");
font-size: 1.6rem;
}

article .faxCallLine {
display: inline-block;
border: 3px solid #c86d80;
border-radius: 53px;
background-color: #fff;
text-align: center;
padding: 0 30px 0 70px;
line-height: 53px;
color: #c86d80;
font-family: 'Roboto', sans-serif;
font-size: 2.6rem;
background-image: url("../images/fig_contact_fax001.svg");
background-repeat: no-repeat;
background-position: left 25px center;
background-size: 35px auto;
}



/* subscribeLink */

article .subscribeLink {
margin:2em 0;
text-align: center;
}

article .subscribeLink a {
display: inline-block;
font-size: 2.0rem;
font-weight: 600;
color: #d84923;
text-decoration: none;
line-height: 1.5em;
padding: 12px 30px;
border: 4px solid #d84923;
border-radius: 10px;
}

article .subscribeLink a .subtitle {
display: block;
line-height: 1.5em;
}



/* for PC */
@media screen and (min-width: 1024px) {


/* ----  btnCommonReturn ----  */

	.btnCommonReturn {
	margin: 120px 0;
	}
	.btnCommonReturn a {
	font-size: 1.9rem;
	width: 80px;
	line-height: 80px;
	border-radius: 80px;
	}


	/* ----  footContactBlock ----  */

	article .footContactBlock {
	margin-bottom: 60px;
	}

	article .footContactBlock .wrap {
	padding: 30px 0 50px 0;
	}

	article .footContactBlock .contactTitle {
	font-size: 2.8rem;
	padding: 25px 0;
	}

	article .footContactBlock .contactName {
	text-align: center;
	margin-bottom: 30px;
	font-size: 2.4rem;
	}
	
	article .footContactBlock .contactList {
	text-align: center;
	}

	article .footContactBlock .contactList li {
	display: inline-block;
	width: 400px;
	margin: 0;
	}
	article .footContactBlock .contactList li:first-child {
	margin-right: 40px;
	}

	article .footContactBlock .contactList a,
	article .footContactBlock .contactList .faxLine {
	border-radius: 73px;
	padding-left: 60px;
	line-height: 73px;
	font-size: 3.6rem;
	background-size: 48px auto;
	}

	article .footContactBlock .contactList .mail a  {
	font-size: 2.2rem;
	}


	/* tripleList */

	article .footContactBlock .contactList.tripleList {
	text-align: center;
	margin: 0;
	margin-right: 1.5em;
	}

	article .footContactBlock .contactList.tripleList li {
	display: inline-block;
	width: 240px;
	margin: 0 5px;
	}
	article .footContactBlock .contactList.tripleList li:first-child {
	margin-right: 10px;
	}

	article .footContactBlock .contactList.tripleList .faxLine,
	article .footContactBlock .contactList.tripleList a {
	border-radius: 73px;
	padding-left: 30px;
	line-height: 60px;
	font-size: 2.0rem;
	background-position: left 20px center;
	background-size: 30px auto;
	}

	article .footContactBlock .contactList.tripleList .mail a  {
	font-size: 1.6rem;
	background-position: left 10px center;
	}

}


/* for Large PC */
@media screen and (min-width: 1501px) {

	/* tripleList */

	article .footContactBlock .contactList.tripleList {
	text-align: center;
	margin-right: 1.5em;
	}

	article .footContactBlock .contactList.tripleList li {
	display: inline-block;
	width: 280px;
	margin: 0 10px;
	}
	article .footContactBlock .contactList.tripleList li:first-child {
	margin-right: 10px;
	}

	article .footContactBlock .contactList.tripleList .faxLine,
	article .footContactBlock .contactList.tripleList a {
	border-radius: 73px;
	padding-left: 30px;
	line-height: 60px;
	font-size: 2.6rem;
	background-position: left 20px center;
	background-size: 30px auto;
	}

	article .footContactBlock .contactList.tripleList .mail a  {
	font-size: 1.8rem;
	background-position: left 20px center;
	}


}


@media screen and (max-width: 1200px) and (min-width: 1024px){


	article .footContactBlock .contactList li {
	width: 365px;
	}

	article .footContactBlock .contactList li:first-child {
	margin-right: 20px;
	}

	article .footContactBlock .contactList.tripleList li {
	display: inline-block;
	width: 230px;
	margin: 0 5px;
	}

}




/* ============================
	commonPageVisualSection
 ============================ */

.commonPageVisualSection {
margin-bottom: 0;
}

.commonPageVisualSection .mainVisual {
position: relative;
overflow: hidden;
}
.commonPageVisualSection .mainVisual img {
width: 100%;
height: auto;
}

.commonPageVisualSection h1 {
position: absolute;
top: calc(50% - 1.2rem);
left: 0px;
font-size: 2.4rem;
line-height: 1em;
font-weight: 600;
padding: 0;
}

.commonPageVisualSection h1::before {
content: "──";
letter-spacing: -0.05em;
margin-right: 0.5em;
}


/* for PC */
@media screen and (min-width: 1024px) {

	.commonPageVisualSection h1 {
	font-size: 4.0rem;
	left: 0;
	}

}


@media screen and (min-width: 1200px) {

	.commonPageVisualSection h1 {
	left: calc(50% - 600px);
	}

}

/* for Large PC */
@media screen and (min-width: 1440px) {

	.commonPageVisualSection h1 {
	left: calc(50% - 700px);
	}

}





/* ============================
		gotoTopButtom
 ============================ */

/*
.gotoTopButtom {
position: fixed;
right: 20px;
bottom: 100px;
z-index: 10;
transition: .2s;
opacity: 0;
}

.gotoTopButtom a {
display: block;
}

.gotoTopButtom img {
width: 50px;
height: auto
}
*/


#page-top {
position: fixed;
bottom: 20px;
right: 20px;
line-height: 1;
z-index: 99;
}
#page-top a {
display: block;
transition: all .3s ease; 
}
#page-top a:hover {
text-decoration: none;
opacity: 1 !important;
}

#page-top img {
width: 50px;
height: auto;
border: 1px solid #fff;
border-radius: 10px;
opacity: 1 !important;
}

/* for PC */
@media screen and (min-width: 1201px) {

	#page-top  {
	position: fixed;
	right: 40px;
	bottom: 40px;
	}

	#page-top img {
	width: 75px;
	height: auto;
	}
}


/* ============================
	for wordpress
 ============================ */

/* wp-pagenavi  */

.wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #666;
background-color: #fff;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
border: thin dotted #666;
}
.wp-pagenavi a:hover{
color: #fff;
background-color: #666;
}
.wp-pagenavi span.current{
color: #fff;
background-color: #666;
}



/* searchform */

.footerSearchSection .smartContainer {
display: block;
text-align: center;
}

.searchform {
display: inline-block;
width: 100%;
max-width: 400px;
margin: 1em 0;
border: 1px solid #ccc;
border-radius: 40px;
position: relative;
height: 40px;
box-sizing: border-box;
background-color: #fff;
}

.searchform .keyword {
display: inline-block;
width: calc(100% - 50px);
border: none;
outline: none;
background-color: transparent;
}

.searchform .submit {
background-color: #004480;
color:#fff;
font-family:FontAwesome;
width:40px;
border-radius: 40px;
line-height: 40px;
cursor: pointer;
position: absolute;
top: -2px;
right: -1px;
}

.footerSearchSection .wrap {
}


@media screen and (min-width: 1024px) {

	.footerSearchSection {
	display: none;
	}

}



/* ============================
	tagItemLine
 ============================ */

article .tagItemLine {
}

article .tagItemLine a {
font-size: 1.4rem !important;
display: inline-block !important;
line-height: 2em !important;
padding: 0 0.5em !important;
border-radius: 3em !important;
background-color: #004480;
color: #fff !important;
text-decoration: none;
background-image: none !important;
}
article .tagItemLine a::before {
display: inline-block;
content: "　";
width: 1.25em;
height: 1em;
line-height: 1.0em;
background-image: url("../images/icon_tag001.svg");
background-repeat: no-repeat;
background-position: left center;
}




/* ============================
		commonQuestionaryBlock
 ============================ */

.commonQuestionaryBlock {
margin: 4em 0 4em 0;
}

.commonQuestionaryBlock .qTitle_h2 {
/* 004480 */
font-size: 1.8rem;
font-weight: 600;
color: #fff;
text-align: center;
background-color: #004480;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 10px 0;
}

.commonQuestionaryBlock .qLead {
margin-bottom: 2em;
}

.commonQuestionaryBlock .qTitle_h3 {
font-weight: 600;
margin-bottom: 1em;
}

.commonQuestionaryBlock .questionList {
margin-bottom: 3em;
margin-left: 0;
}

.commonQuestionaryBlock .questionList li {
background-image: none;
padding-left: 0;
margin-bottom: 0;
border-bottom: 1px solid #ccc;
}
.commonQuestionaryBlock .questionList li:last-child {
border-bottom: none;
}

.commonQuestionaryBlock .questionList {
}

.commonQuestionaryBlock .wrap {
background-color: #f6f7fe;
background-color: transparent;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 15px 15px 30px 15px;
border: 3px solid #004480;
}


.commonQuestionaryBlock .questionList input[type="radio"] {
background-image: url("../images/radio002.svg");
}

.commonQuestionaryBlock .questionList input[type="radio"]:checked {
background-image: url("../images/radio002a.svg");
}

.commonQuestionaryBlock .questionList label {
display: block;
background-color: #eee;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.5em;
text-align: center;
padding: 1em 0;
}
.commonQuestionaryBlock .questionList li:first-child label {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.commonQuestionaryBlock .questionList li:last-child label {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}


.commonQuestionaryBlock .questionList label:has(input[type="radio"]:checked) {
background-color: #004480;
color: #fff;
}

.commonQuestionaryBlock .submitBlock {
text-align: center;
margin: 2em 0;
}


.commonQuestionaryBlock input[type="button"],
.commonQuestionaryBlock button[type="submit"],
.commonQuestionaryBlock input[type="submit"],
.commonQuestionaryBlock button[type="reset"],
.commonQuestionaryBlock input[type="reset"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
border-radius:5px;
line-height: 1em;
box-sizing: border-box;
background-color: #004480;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
padding: 1em 1em;;
border: none;
margin: 0 1em;
width: 6em;
}

.commonQuestionaryBlock button[type="reset"],
.commonQuestionaryBlock input[type="reset"] {

}




@media screen and (min-width: 768px) {

	.commonQuestionaryBlock .questionList {
	display: flex;
	margin-left: 0!important;
	}

	.commonQuestionaryBlock .questionList li {
	border: none;
	border-right: 1px solid #ccc;
	}
	.commonQuestionaryBlock .questionList li:last-child {
	border-right: none;
	}

	.commonQuestionaryBlock .questionList li label {
	padding: 1em 1.5em;
	}

	.commonQuestionaryBlock .questionList li:first-child label {
	border-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	.commonQuestionaryBlock .questionList li:last-child label {
	border-radius: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	}


	.commonQuestionaryBlock {
	margin: 6em 0 4em 0;
	}

	.commonQuestionaryBlock .qTitle_h2 {
	/* 004480 */
	font-size: 2.8rem;
	padding: 15px 0;
	}

	.commonQuestionaryBlock .wrap {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 20px 30px 5px 30px;
	}


	.commonQuestionaryBlock input[type="button"],
	.commonQuestionaryBlock button[type="submit"],
	.commonQuestionaryBlock input[type="submit"],
	.commonQuestionaryBlock button[type="reset"],
	.commonQuestionaryBlock input[type="reset"] {
	font-size: 2.0rem;
	width: 8em;
	padding: 0.75em 1em;
	}

}


@media screen and (max-width: 1200px) and (min-width: 768px){

	.commonQuestionaryBlock .questionList li label {
	padding: 1em 0.5em;
	}

}

/* for PC */
@media screen and (min-width: 1200px) {

	.commonQuestionaryBlock .wrap {
	padding: 40px 90px 15px 90px;
	}


}


/* ============================
	fadeLate
 ============================ */

.fadeLate {
  opacity: 0;
  animation: appeare 0s ease 0.5s 1 normal forwards running;
  /*animation: appeare 0s ease 2s 1 normal forwards running;*/
}


/* for PC */
@media screen and (min-width: 1024px) {

	.fadeLate.pcNoFade {
	  opacity: 1;
	  animation: appeare 0s ease 0.5s 1 normal forwards running;
	  /*animation: appeare 0s ease 2s 1 normal forwards running;*/
	}

}

@keyframes appeare {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* ============================
		margin class
 ============================ */

.mr00 {	margin-right:0px !important;}	
.mr01 {	margin-right:1px !important;}	
.mr02 {	margin-right:2px !important;}	
.mr03 {	margin-right:3px !important;}	
.mr04 {	margin-right:4px !important;}	
.mr05 {	margin-right:5px !important;}	
.mr06 {	margin-right:6px !important;}	
.mr07 {	margin-right:7px !important;}	
.mr08 {	margin-right:8px !important;}	
.mr09 {	margin-right:9px !important;}	
.mr10 {	margin-right:10px !important;}	
.mr11 {	margin-right:11px !important;}	
.mr12 {	margin-right:12px !important;}	
.mr13 {	margin-right:13px !important;}	
.mr14 {	margin-right:14px !important;}	
.mr15 {	margin-right:15px !important;}	
.mr20 {	margin-right:20px !important;}	
.mr25 {	margin-right:25px !important;}	
.mr30 {	margin-right:30px !important;}	
.mr35 {	margin-right:35px !important;}	
.mr40 {	margin-right:40px !important;}	
.mr45 {	margin-right:45px !important;}	
.mr50 {	margin-right:50px !important;}
.mr60 {	margin-right:60px !important;}
.mr70 {	margin-right:70px !important;}
.mr80 {	margin-right:80px !important;}
.mr90 {	margin-right:90px !important;}
.mr100 {	margin-right:100px !important;}
.mr0_5em {margin-right: 0.5em}
.mr01em {margin-right: 1em}
.mr02em {margin-right: 2em}
.mr03em {margin-right: 3em}
.mr04em {margin-right: 4em}
.mr05em {margin-right: 5em}
.mr06em {margin-right: 6em}
.mr07em {margin-right: 7em}
.mr08em {margin-right: 8em}
.mr09em {margin-right: 9em}
.mr10em {margin-right: 10em}


.ml00 {	margin-left:0px !important;}	
.ml01 {	margin-left:1px !important;}	
.ml02 {	margin-left:2px !important;}	
.ml03 {	margin-left:3px !important;}	
.ml04 {	margin-left:4px !important;}	
.ml05 {	margin-left:5px !important;}	
.ml06 {	margin-left:6px !important;}	
.ml07 {	margin-left:7px !important;}	
.ml08 {	margin-left:8px !important;}	
.ml09 {	margin-left:9px !important;}	
.ml10 {	margin-left:10px !important;}	
.ml11 {	margin-left:11px !important;}	
.ml12 {	margin-left:12px !important;}	
.ml13 {	margin-left:13px !important;}	
.ml14 {	margin-left:14px !important;}	
.ml15 {	margin-left:15px !important;}	
.ml20 {	margin-left:20px !important;}	
.ml25 {	margin-left:25px !important;}	
.ml30 {	margin-left:30px !important;}	
.ml35 {	margin-left:35px !important;}	
.ml40 {	margin-left:40px !important;}	
.ml45 {	margin-left:45px !important;}
.ml50 {	margin-left:50px !important;}
.ml60 {	margin-left:60px !important;}
.ml70 {	margin-left:70px !important;}
.ml80 {	margin-left:80px !important;}
.ml90 {	margin-left:90px !important;}
.ml100 {	margin-left:100px !important;}
.ml0_5em {	margin-left: 0.5em !important;}
.ml01em {	margin-left: 1em !important;}
.ml02em {	margin-left: 2em !important;}
.ml03em {	margin-left: 3em !important;}
.ml04em {	margin-left: 4em !important;}
.ml05em {	margin-left: 5em !important;}
.ml06em {	margin-left: 6em !important;}
.ml07em {	margin-left: 7em !important;}
.ml08em {	margin-left: 8em !important;}
.ml09em {	margin-left: 9em !important;}
.ml10em {	margin-left: 10em !important;}

.mt00 {	margin-top:0 !important;}	
.mt01 {	margin-top:1px !important;}	
.mt02 {	margin-top:2px !important;}	
.mt03 {	margin-top:3px !important;}	
.mt04 {	margin-top:4px !important;}	
.mt05 {	margin-top:5px !important;}	
.mt06 {	margin-top:6px !important;}	
.mt07 {	margin-top:7px !important;}	
.mt08 {	margin-top:8px !important;}	
.mt09 {	margin-top:9px !important;}	
.mt10 {	margin-top:10px !important;}	
.mt11 {	margin-top:11px !important;}	
.mt12 {	margin-top:12px !important;}	
.mt13 {	margin-top:13px !important;}	
.mt14 {	margin-top:14px !important;}	
.mt15 {	margin-top:15px !important;}	
.mt20 {	margin-top:20px !important;}	
.mt25 {	margin-top:25px !important;}	
.mt30 {	margin-top:30px !important;}	
.mt35 {	margin-top:35px !important;}	
.mt40 {	margin-top:40px !important;}	
.mt45 {	margin-top:45px !important;}	
.mt50 {	margin-top:50px !important;}
.mt60 {	margin-top:60px !important;}
.mt70 {	margin-top:70px !important;}
.mt80 {	margin-top:80px !important;}
.mt90 {	margin-top:90px !important;}
.mt100 {	margin-top:100px !important;}
.mt0_5em {	margin-top:0.5em !important;}
.mt01em {	margin-top:1em !important;}
.mt02em {	margin-top:2em !important;}
.mt03em {	margin-top:3em !important;}
.mt04em {	margin-top:4em !important;}
.mt05em {	margin-top:5em !important;}
.mt06em {	margin-top:6em !important;}
.mt07em {	margin-top:7em !important;}
.mt08em {	margin-top:8em !important;}
.mt09em {	margin-top:9em !important;}
.mt10em {	margin-top:10em !important;}

.mb00 {	margin-bottom:0 !important;}	
.mb01 {	margin-bottom:1px !important;}	
.mb02 {	margin-bottom:2px !important;}	
.mb03 {	margin-bottom:3px !important;}	
.mb04 {	margin-bottom:4px !important;}	
.mb05 {	margin-bottom:5px !important;}	
.mb06 {	margin-bottom:6px !important;}	
.mb07 {	margin-bottom:7px !important;}	
.mb08 {	margin-bottom:8px !important;}	
.mb09 {	margin-bottom:9px !important;}	
.mb10 {	margin-bottom:10px !important;}	
.mb11 {	margin-bottom:11px !important;}	
.mb12 {	margin-bottom:12px !important;}	
.mb13 {	margin-bottom:13px !important;}	
.mb14 {	margin-bottom:14px !important;}	
.mb15 {	margin-bottom:15px !important;}	
.mb20 {	margin-bottom:20px !important;}	
.mb25 {	margin-bottom:25px !important;}	
.mb30 {	margin-bottom:30px !important;}	
.mb35 {	margin-bottom:35px !important;}	
.mb40 {	margin-bottom:40px !important;}	
.mb45 {	margin-bottom:45px !important;}	
.mb50 {	margin-bottom:50px !important;}
.mb60 {	margin-bottom:60px !important;}
.mb70 {	margin-bottom:70px !important;}
.mb80 {	margin-bottom:80px !important;}
.mb90 {	margin-bottom:90px !important;}
.mb100 {	margin-bottom:100px !important;}
.mb0_05em {	margin-bottom:0.5em !important;}
.mb01em {	margin-bottom:1em !important;}
.mb02em {	margin-bottom:2em !important;}
.mb03em {	margin-bottom:3em !important;}
.mb04em {	margin-bottom:4em !important;}
.mb05em {	margin-bottom:5em !important;}
.mb06em {	margin-bottom:6em !important;}
.mb07em {	margin-bottom:7em !important;}
.mb08em {	margin-bottom:8em !important;}
.mb09em {	margin-bottom:9em !important;}
.mb10em {	margin-bottom:10em !important;}


.pdr01 {padding-right:1px !important;}	
.pdr02 {padding-right:2px !important;}	
.pdr03 {padding-right:3px !important;}	
.pdr04 {padding-right:4px !important;}	
.pdr05 {padding-right:5px !important;}	
.pdr06 {padding-right:6px !important;}	
.pdr07 {padding-right:7px !important;}	
.pdr08 {padding-right:8px !important;}	
.pdr09 {padding-right:9px !important;}	
.pdr10 {padding-right:10px !important;}	
.pdr11 {padding-right:11px !important;}	
.pdr12 {padding-right:12px !important;}	
.pdr13 {padding-right:13px !important;}	
.pdr14 {padding-right:14px !important;}	
.pdr15 {padding-right:15px !important;}	
.pdr20 {padding-right:20px !important;}	
.pdr25 {padding-right:25px !important;}	
.pdr30 {padding-right:30px !important;}
.pdr0_5em {padding-right:0.5em !important;}
.pdr01em {padding-right:1em !important;}
.pdr02em {padding-right:2em !important;}
.pdr03em {padding-right:3em !important;}
.pdr04em {padding-right:4em !important;}
.pdr05em {padding-right:5em !important;}
.pdr06em {padding-right:6em !important;}
.pdr07em {padding-right:7em !important;}
.pdr08em {padding-right:8em !important;}
.pdr09em {padding-right:9em !important;}
.pdr10em {padding-right:10em !important;}

.pdl01 {padding-left:1px !important;}	
.pdl02 {padding-left:2px !important;}	
.pdl03 {padding-left:3px !important;}	
.pdl04 {padding-left:4px !important;}	
.pdl05 {padding-left:5px !important;}	
.pdl06 {padding-left:6px !important;}	
.pdl07 {padding-left:7px !important;}	
.pdl08 {padding-left:8px !important;}	
.pdl09 {padding-left:9px !important;}	
.pdl10 {padding-left:10px !important;}	
.pdl11 {padding-left:11px !important;}	
.pdl12 {padding-left:12px !important;}	
.pdl13 {padding-left:13px !important;}	
.pdl14 {padding-left:14px !important;}	
.pdl15 {padding-left:15px !important;}	
.pdl20 {padding-left:20px !important;}	
.pdl25 {padding-left:25px !important;}	
.pdl30 {padding-left:30px !important;}	
.pdl0_5em {padding-left:0.5em !important;}
.pdl01em {padding-left:1em !important;}
.pdl02em {padding-left:2em !important;}
.pdl03em {padding-left:3em !important;}
.pdl04em {padding-left:4em !important;}
.pdl05em {padding-left:5em !important;}
.pdl06em {padding-left:6em !important;}
.pdl07em {padding-left:7em !important;}
.pdl08em {padding-left:8em !important;}
.pdl09em {padding-left:9em !important;}
.pdl10em {padding-left:10em !important;}

.pdt01 {padding-top:1px !important;}	
.pdt02 {padding-top:2px !important;}	
.pdt03 {padding-top:3px !important;}	
.pdt04 {padding-top:4px !important;}	
.pdt05 {padding-top:5px !important;}	
.pdt06 {padding-top:6px !important;}	
.pdt07 {padding-top:7px !important;}	
.pdt08 {padding-top:8px !important;}	
.pdt09 {padding-top:9px !important;}	
.pdt10 {padding-top:10px !important;}	
.pdt11 {padding-top:11px !important;}	
.pdt12 {padding-top:12px !important;}	
.pdt13 {padding-top:13px !important;}	
.pdt14 {padding-top:14px !important;}	
.pdt15 {padding-top:15px !important;}	
.pdt20 {padding-top:20px !important;}	
.pdt25 {padding-top:25px !important;}	
.pdt30 {padding-top:30px !important;}
.pdt0_5em {padding-top:0.5em !important;}
.pdt01em {padding-top:1em !important;}
.pdt02em {padding-top:2em !important;}
.pdt03em {padding-top:3em !important;}
.pdt04em {padding-top:4em !important;}
.pdt05em {padding-top:5em !important;}
.pdt06em {padding-top:6em !important;}
.pdt07em {padding-top:7em !important;}
.pdt08em {padding-top:8em !important;}
.pdt09em {padding-top:9em !important;}
.pdt10em {padding-top:10em !important;}

.pdb01 {padding-bottom:1px !important;}	
.pdb02 {padding-bottom:2px !important;}	
.pdb03 {padding-bottom:3px !important;}	
.pdb04 {padding-bottom:4px !important;}	
.pdb05 {padding-bottom:5px !important;}	
.pdb06 {padding-bottom:6px !important;}	
.pdb07 {padding-bottom:7px !important;}	
.pdb08 {padding-bottom:8px !important;}	
.pdb09 {padding-bottom:9px !important;}	
.pdb10 {padding-bottom:10px !important;}	
.pdb11 {padding-bottom:11px !important;}	
.pdb12 {padding-bottom:12px !important;}	
.pdb13 {padding-bottom:13px !important;}	
.pdb14 {padding-bottom:14px !important;}	
.pdb15 {padding-bottom:15px !important;}	
.pdb20 {padding-bottom:20px !important;}	
.pdb25 {padding-bottom:25px !important;}	
.pdb30 {padding-bottom:30px !important;}
.pdb0_5em {padding-bottom:0.5em !important;}
.pdb01em {padding-bottom:1em !important;}
.pdb02em {padding-bottom:2em !important;}
.pdb03em {padding-bottom:3em !important;}
.pdb04em {padding-bottom:4em !important;}
.pdb05em {padding-bottom:5em !important;}
.pdb06em {padding-bottom:6em !important;}
.pdb07em {padding-bottom:7em !important;}
.pdb08em {padding-bottom:8em !important;}
.pdb09em {padding-bottom:9em !important;}
.pdb10em {padding-bottom:10em !important;}


.pd01 {padding:1px !important;}	
.pd02 {padding:2px !important;}	
.pd03 {padding:3px !important;}	
.pd04 {padding:4px !important;}	
.pd05 {padding:5px !important;}	
.pd06 {padding:6px !important;}	
.pd07 {padding:7px !important;}	
.pd08 {padding:8px !important;}	
.pd09 {padding:9px !important;}	
.pd10 {padding:10px !important;}	
.pd11 {padding:11px !important;}	
.pd12 {padding:12px !important;}	
.pd13 {padding:13px !important;}	
.pd14 {padding:14px !important;}	
.pd15 {padding:15px !important;}	
.pd20 {padding:20px !important;}	
.pd25 {padding:25px !important;}	
.pd30 {padding:30px !important;}	
.pd0_5em {padding:0.5em !important;}
.pd01em {padding:1em !important;}
.pd02em {padding:2em !important;}
.pd03em {padding:3em !important;}
.pd04em {padding:4em !important;}
.pd05em {padding:5em !important;}
.pd06em {padding:6em !important;}
.pd07em {padding:7em !important;}
.pd08em {padding:8em !important;}
.pd09em {padding:9em !important;}
.pd10em {padding:10em !important;}


.deg05 {transform: rotate(5deg) !important;}
.deg10 {transform: rotate(10deg) !important;}
.deg15 {transform: rotate(15deg) !important;}
.deg20 {transform: rotate(20deg) !important;}
.deg25 {transform: rotate(25deg) !important;}
.deg30 {transform: rotate(30deg) !important;}
.deg35 {transform: rotate(35deg) !important;}
.deg40 {transform: rotate(40deg) !important;}
.deg45 {transform: rotate(45deg) !important;}
.deg50 {transform: rotate(50deg) !important;}
.deg55 {transform: rotate(55deg) !important;}
.deg60 {transform: rotate(60deg) !important;}
.deg65 {transform: rotate(65deg) !important;}
.deg70 {transform: rotate(70deg) !important;}
.deg75 {transform: rotate(75deg) !important;}
.deg80 {transform: rotate(80deg) !important;}
.deg85 {transform: rotate(85deg) !important;}
.deg90 {transform: rotate(90deg) !important;}
.deg95 {transform: rotate(95deg) !important;}
.deg100 {transform: rotate(100deg) !important;}
.deg105 {transform: rotate(105deg) !important;}
.deg110 {transform: rotate(110deg) !important;}
.deg115 {transform: rotate(115deg) !important;}
.deg120 {transform: rotate(120deg) !important;}
.deg125 {transform: rotate(125deg) !important;}
.deg130 {transform: rotate(130deg) !important;}
.deg135 {transform: rotate(135deg) !important;}
.deg140 {transform: rotate(140deg) !important;}
.deg145 {transform: rotate(145deg) !important;}
.deg150 {transform: rotate(150deg) !important;}
.deg155 {transform: rotate(155deg) !important;}
.deg160 {transform: rotate(160deg) !important;}
.deg165 {transform: rotate(165deg) !important;}
.deg170 {transform: rotate(170deg) !important;}
.deg175 {transform: rotate(175deg) !important;}
.deg180 {transform: rotate(180deg) !important;}
.deg-05 {transform: rotate(-5deg) !important;}
.deg-10 {transform: rotate(-10deg) !important;}
.deg-15 {transform: rotate(-15deg) !important;}
.deg-20 {transform: rotate(-20deg) !important;}
.deg-25 {transform: rotate(-25deg) !important;}
.deg-30 {transform: rotate(-30deg) !important;}
.deg-35 {transform: rotate(-35deg) !important;}
.deg-40 {transform: rotate(-40deg) !important;}
.deg-45 {transform: rotate(-45deg) !important;}
.deg-50 {transform: rotate(-50deg) !important;}
.deg-55 {transform: rotate(-55deg) !important;}
.deg-60 {transform: rotate(-60deg) !important;}
.deg-65 {transform: rotate(-65deg) !important;}
.deg-70 {transform: rotate(-70deg) !important;}
.deg-75 {transform: rotate(-75deg) !important;}
.deg-80 {transform: rotate(-80deg) !important;}
.deg-85 {transform: rotate(-85deg) !important;}
.deg-90 {transform: rotate(-90deg) !important;}
.deg-95 {transform: rotate(-95deg) !important;}
.deg-100 {transform: rotate(-100deg) !important;}
.deg-105 {transform: rotate(-105deg) !important;}
.deg-110 {transform: rotate(-110deg) !important;}
.deg-115 {transform: rotate(-115deg) !important;}
.deg-120 {transform: rotate(-120deg) !important;}
.deg-125 {transform: rotate(-125deg) !important;}
.deg-130 {transform: rotate(-130deg) !important;}
.deg-135 {transform: rotate(-135deg) !important;}
.deg-140 {transform: rotate(-140deg) !important;}
.deg-145 {transform: rotate(-145deg) !important;}
.deg-150 {transform: rotate(-150deg) !important;}
.deg-155 {transform: rotate(-155deg) !important;}
.deg-160 {transform: rotate(-160deg) !important;}
.deg-165 {transform: rotate(-165deg) !important;}
.deg-170 {transform: rotate(-170deg) !important;}
.deg-175 {transform: rotate(-175deg) !important;}



/*reCAPTCHA v3 バッジを左下に移動*/

.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}




/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){
}

/* for PC */
@media screen and (max-width: 1439px) and (min-width: 1024px){
}
@media screen and (min-width: 1024px) {
}

/* for Large PC */
@media screen and (min-width: 1440px) {
}