* {
     margin : 0;
     padding : 0;
}

.wf-loading {
	opacity : 0;
}

img {
	border : 0;
	vertical-align : top;
	font-size : 0;
	line-height : 0;
	-webkit-backface-visibility : hidden;
}

html {
	background : #ffffff;
}

html.wf-loading,body.wf-loading {
    visibility : hidden !important;
}

html.wf-active,body.wf-active {
    visibility : visible;
}

@font-face {
	src : url("googlefonts/NotoSansJP-Medium.ttf") format("truetype");
	font-family : "Noto Sans JP";
	font-weight : 500;
	font-style : normal;
	font-display : swap;
}

@font-face {
	src : url("googlefonts/NotoSansJP-Bold.ttf") format("truetype");
	font-family : "Noto Sans JP";
	font-weight : 700;
	font-style : normal;
	font-display : swap;
}

@font-face {
	src : url("googlefonts/NotoSansJP-ExtraBold.ttf") format("truetype");
	font-family : "Noto Sans JP";
	font-weight : 800;
	font-style : normal;
	font-display : swap;
}

@font-face {
	src : url("googlefonts/NotoSansJP-Black.ttf") format("truetype");
	font-family : "Noto Sans JP";
	font-weight : 900;
	font-style : normal;
	font-display : swap;
}

@font-face {
	src: url("googlefonts/Figtree-ExtraBold.ttf") format("truetype");
	font-family : "Figtree";
	font-weight : 800;
	font-style : normal;
	font-display : swap;
}

body {
	margin : 0 0 150px 0;
	padding : 0;
	background : #f0f0f0;
	font-family : "Noto Sans JP","sans-serif";
	font-style : normal;
	font-weight : 500;
	font-size : 110%;
	color : #191919;
}

/*----------PRIMARY----------*/

#primary {
    width : 100%;
    margin-bottom : 60px;
    background : #ffffff;
}

.box {
    position : relative;
    width : 1250px;
    margin : 0 auto 100px auto;
    padding-top : 80px;
	background-image : url(bglogo.svg);
	background-size : 280px;
	background-repeat : no-repeat;
	background-position : 415px 55px;
}

h1 {
    margin-bottom : 30px;
    font-size : 450%;
    font-weight : 900;
    line-height : 1.30em;
}

h1 span {
    display : block;
}

#primary h2 {
    margin-left : 5px;
    font-size : 150%;
    font-weight : 900;
}

ul#entrance {
    position : absolute;
    list-style : none;
    width : 500px;
    top : 65px;
    right : 0;
}

ul#entrance li:first-child {
    position : relative;
    margin-bottom : 30px;
}

ul#entrance li:last-child {
    position : relative;
}

ul#entrance li h3 {
    position : absolute;
    font-size : 120%;
    line-height : 2.15em;
    top : 25px;
    left : 40px;
}

ul#entrance li h3 span {
    display : block;
    font-size : 250%;
    font-weight : 900;
}

ul#entrance li h3 font {
    margin-right : 10px;
    font-size : 70%;
    vertical-align : 10px;
}

ul#entrance li p {
    position : absolute;
    padding-right : 40px;
    color : #ffff00;
    background-image : url(arrow.svg);
    background-repeat : no-repeat;
    background-size : 30px;
    background-position : 103px 2px;
    letter-spacing : 1px;
    font-size : 160%;
	font-family : "Figtree";
	font-weight : 800;
	font-style : normal;
    left : 40px;
    bottom : 33px;
}

ul#entrance li:first-child a {
    display : block;
    width : 500px;
    height : 200px;
    color : #ffffff;
    background-color : #ff5f19;
    background-image : url(eicon01.svg);
    background-size : 200px;
    background-position : 275px -45px;
    background-repeat : no-repeat;
    border-radius : 20px;
}

ul#entrance li:first-child a:hover {
    background-color : #dc4100;
}

ul#entrance li:last-child a {
    display : block;
    width : 500px;
    height : 200px;
    color : #ffffff;
    background-color : #2db47d;
    background-image : url(eicon02.svg);
    background-size : 200px;
    background-position : 300px 27px;
    background-repeat : no-repeat;
    border-radius : 20px;
}

ul#entrance li:last-child a:hover {
    background-color : #189862;
}

/*----------SECONDARY----------*/

#secondary {
    overflow : hidden;
    width : 1250px;
    margin : 0 auto 0 auto;
    padding-bottom : 80px;
}

#secondary h2 {
    margin-bottom : 50px;
    text-align : center;
}

#secondary h2 span.gradient {
    background : linear-gradient(90deg, #ff5f19 0%, #2db47d 100%);
    -webkit-background-clip : text;
    -webkit-text-fill-color : transparent;
    font-size : 300%;
	font-family : "Figtree";
	font-weight : 800;
	font-style : normal;
    text-align : center;
}

#secondary h2 span.plain {
    display : block;
    color : #191919;
    font-family : "Noto Sans JP","sans-serif";
	font-style : normal;
    font-weight : 800;
    font-size : 150%;
}

#secL {
    float : left;
	width : 600px;
    background : #ffffff;
    border-radius : 20px;
}

#secR {
    float : right;
	width : 600px;
    background : #ffffff;
    border-radius : 20px;
}

.thumbnail {
	width : 600px;
	margin-bottom : 25px;
	background-size : cover;
	background-position : center center;
	padding-top : 250px;
	border-top-left-radius : 17px;
	border-top-right-radius : 17px;
}

#secL h3 {
    margin-bottom : 40px;
    color : #ff5f19;
    font-size : 120%;
    font-weight : 700;
    line-height : 2.15em;
    text-align : center;
}

#secR h3 {
    margin-bottom : 40px;
    color : #2db47d;
    font-size : 120%;
    font-weight : 700;
    line-height : 2.15em;
    text-align : center;
}

#secL h3 span {
    display : block;
    color : #af3c0a;
    font-size : 250%;
    font-weight : 900;
}

#secR h3 span {
    display : block;
    color : #148255;
    font-size : 250%;
    font-weight : 900;
}

#secL ul,#secR ul {
    list-style : none;
    overflow : hidden;
    margin : 0 40px 25px 40px;
    font-weight : 700;
    font-size : 120%;
}

#secL ul li {
    float : left;
    width : 255px;
    margin : 0 10px 13px 0;
    padding : 14px 0 16px 0;
    border-radius : 40px;
    color : #ffffff;
    background : #ff5f19;
    text-align : center;
}

#secR ul li {
    float : left;
    width : 255px;
    margin : 0 10px 13px 0;
    padding : 14px 0 16px 0;
    border-radius : 40px;
    color : #ffffff;
    background : #2db47d;
    text-align : center;
}

#secL ul li:nth-child(2n),#secR ul li:nth-child(2n) {
    margin : 0 0 13px 0;
}

dl.secinfo {
    margin : 0 40px 30px 40px;
    line-height : 1.7em;
}

dl.secinfo dt {
    margin-bottom : 20px;
    font-size : 150%;
    font-weight : 800;
    text-align : center;
}

dl.secinfo dd {
    line-height : 1.7em;
}

#secL p,#secR p {
    width : 320px;
    margin : 0 auto 50px auto;
    font-weight : 800;
    font-size : 120%;
    text-align : center;
}

#secL p a {
    display : block;
    width : 310px !important;
	width /**/: 320px;
    padding : 12px 0 14px 0;
    color : #ff5f19;
    border : solid 5px #ff5f19;
    border-radius : 40px;
    text-decoration : none;
}

#secL p a:hover {
    color : #ffffff;
    border : solid 5px #af3c0a;
    background : #af3c0a;
}

#secR p a {
    display : block;
    width : 310px !important;
	width /**/: 320px;
    padding : 12px 0 14px 0;
    color : #2db47d;
    border : solid 5px #2db47d;
    border-radius : 40px;
    text-decoration : none;
}

#secR p a:hover {
    color : #ffffff;
    border : solid 5px #148255;
    background : #148255;
}

/*----------CORPORATE----------*/

#corp {
    width : 100%;
    padding-top : 80px;
    background : #ffffff;
}

#cbox {
    position : relative;
    width : 1250px;
    margin : 0 auto 0 auto;
}

dl#guide {
    position : absolute;
    width : 600px;
    top : 0;
    left : 0;
}

dl#guide dt {
    margin-bottom : 30px;
    font-size : 220%;
    font-weight : 900;
    line-height : 1.4em;
}

dl#guide dt span {
    display : block;
}

dl#guide dd p {
    margin-bottom : 40px;
    line-height : 1.7em;
}

dl#guide dd ul {
    list-style : none;
}

dl#guide dd ul li {
    float : left;
    width : 285px;
    margin-right : 30px;
    font-weight : 800;
    font-size : 120%;
    text-align : center;
}

dl#guide dd ul li:last-child {
    margin : 0;
}

dl#guide dd ul li:first-child a {
    display : block;
    width : 275px !important;
	width /**/: 285px;
    padding : 12px 0 14px 0;
    color : #ff5f19;
    border : solid 5px #ff5f19;
    border-radius : 40px;
    text-decoration : none;
}

dl#guide dd ul li:first-child a:hover {
    color : #ffffff;
    border : solid 5px #af3c0a;
    background : #af3c0a;
}

dl#guide dd ul li:last-child a {
    display : block;
    width : 275px !important;
	width /**/: 285px;
    padding : 12px 0 14px 0;
    color : #2db47d;
    border : solid 5px #2db47d;
    border-radius : 40px;
    text-decoration : none;
}

dl#guide dd ul li:last-child a:hover {
    color : #ffffff;
    border : solid 5px #148255;
    background : #148255;
}

#data {
	width : 600px;
    margin-left : 650px;
	border-top : solid 1px #aaaaaa;
}

#data th {
	width : 110px !important;
	width /**/: 140px;
	padding : 15px 15px 16px 15px;
	border-bottom : solid 1px #aaaaaa;
	background : #dedede;
	text-align : left;
	font-weight : 500;
}

#data td {
	padding : 15px 0 16px 15px;
	border-bottom : solid 1px #aaaaaa;
	line-height : 1.5em;
}

#data td span {
	letter-spacing : 1px;
}

#data td a {
	color : #282828;
	text-decoration : underline;
}

#data td a:hover {
	color : #282828;
	text-decoration : none;
}

#data td a.tellink {
	color : #282828;
	pointer-events : none;
	text-decoration : none;
}

#data td ul {
	margin : 5px 0 0 21px;
}

#data td ul li {
	margin-bottom : 6px;
}

/*----------FOOTER----------*/

#footer {
    width : 1250px;
    margin : 70px auto 0 auto;
    padding-top : 70px;
    border-top : solid 8px #dddddd;
    text-align : center;
}

#footer p {
    margin-bottom : 25px;
    line-height : 1.7em;
}

#footer p span {
    margin-left : 10px;
}

address {
	font-style : normal;
	font-size : 85%;
	letter-spacing : 1px;
}