@media (orientation: landscape) {
body,html {
	 display : none;
} 
}

* {
     margin : 0;
     padding : 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 20% 0;
	padding : 0;
	background : #f0f0f0;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 400;
	font-style : normal;
	font-size : 100%;
	color : #282828;
}

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

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

.box {
    width : 100%;
    margin : 0;
    padding-top : 45px;
	background-image : url(bglogo.svg);
	background-size : 140px;
	background-repeat : no-repeat;
	background-position : top 20px right 18px;
}

h1 {
    margin : 0 0 20px 23px;
    font-size : 230%;
    font-weight : 900;
    line-height : 1.2em;
}

h1 span {
    display : block;
}

#primary h2 {
    margin : 0 0 35px 25px;
    font-size : 130%;
    font-weight : 900;
}

#primary h2 font {
    letter-spacing : -6px;
}

ul#entrance {
    list-style : none;
    overflow : hidden;
    margin-bottom : 9%;
}

ul#entrance li:first-child {
    float : left;
    width : 50%;
    color : #ffffff;
    background-color : #ff5f19;
    background-image : url(eicon01.svg);
    background-size : 160px;
    background-position : top -20px center;
    background-repeat : no-repeat;
}

ul#entrance li:last-child {
    float : left;
    width : 50%;
    color : #ffffff;
    background-color : #2db47d;
    background-image : url(eicon02.svg);
    background-size : 150px;
    background-position : top 30px center;
    background-repeat : no-repeat;
}

ul#entrance li h3 {
    margin-bottom : 15px;
    font-size : 100%;
    text-align : center;
}

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

ul#entrance li:first-child h3 {
    line-height : 2.15em;
}

ul#entrance li:last-child h3 {
    line-height : 2.12em;
}

ul#entrance li h3 font {
    margin-right : 1px;
    font-size : 45%;
    -webkit-writing-mode : vertical-rl;
	-ms-writing-mode : tb-rl;
	writing-mode : vertical-rl;
    vertical-align : -3px;
}

ul#entrance li p {
    padding-right : 30px;
    color : #ffff00;
    background-image : url(arrow.svg);
    background-repeat : no-repeat;
    background-size : 30px;
    background-position : 130px 0;
    letter-spacing : 1px;
    font-size : 160%;
	font-family : "Figtree";
	font-weight : 800;
	font-style : normal;
    text-align : center;
}

ul#entrance li a {
    display : block;
    height : 120px !important;
	height /**/: 295px;
    padding : 150px 0 25px 0;
    color : #ffffff;
    text-decoration : none;
}

#main_slide {
    clear : both;
}

ul.slide li {
    width : 40%;
}

ul.slide li img {
    width : 100%;
    height : 100%;
}

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

#secondary {
    overflow : hidden;
    width : 95%;
    margin : 0 auto 0 auto;
}

#secondary h2 {
    margin-bottom : 8%;
    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 : 140%;
	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 : 130%;
}

#secL {
    overflow : hidden;
    margin-bottom : 5%;
    background : #ffffff;
    border-radius : 11px;
}

#secR {
    overflow : hidden;
    margin-bottom : 9%;
    background : #ffffff;
    border-radius : 11px;
}

.thumbnail {
	width : 100%;
	margin-bottom : 5%;
	background-size : cover;
	background-position : center center;
	padding-top : 200px;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
}

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

#secR h3 {
    margin-bottom : 9%;
    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 4% 5% 4%;
    font-weight : 700;
    font-size : 110%;
}

#secL ul li {
    float : left;
    width : 49%;
    margin : 0 2% 2% 0;
    padding : 9px 0 11px 0;
    border-radius : 40px;
    color : #ffffff;
    background : #ff5f19;
    text-align : center;
}

#secR ul li {
    float : left;
    width : 49%;
    margin : 0 2% 2% 0;
    padding : 9px 0 11px 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 2% 0;
}

dl.secinfo {
    overflow : hidden;
    margin : 0 7% 6% 7%;
}

dl.secinfo dt {
    margin-bottom : 15px;
    font-size : 160%;
    font-weight : 800;
    text-align : center;
    line-height : 1.3em;
}

dl.secinfo dt span {
    display : block;
}

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

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

#secL p a {
    display : block;
    width : 292px !important;
	width /**/: 300px;
    padding : 10px 0 12px 0;
    color : #ff5f19;
    border : solid 4px #ff5f19;
    border-radius : 40px;
    text-decoration : none;
}

#secR p a {
    display : block;
    width : 292px !important;
	width /**/: 300px;
    padding : 10px 0 12px 0;
    color : #2db47d;
    border : solid 4px #2db47d;
    border-radius : 40px;
    text-decoration : none;
}

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

#corp {
    width : 100%;
}

#cbox {
    width : 92%;
    margin : 0 auto 0 auto;
}

dl#guide {
    width : 100%;
    margin : 0 auto 7% auto;
}

dl#guide dt {
    margin: 0 6% 5% 6%;
    font-size : 150%;
    font-weight : 900;
    line-height : 1.4em;
}

dl#guide dd p {
    margin : 0 3.5% 6% 3.5%;
    line-height : 1.7em;
}

dl#guide dd ul {
    list-style : none;
    overflow : hidden;
    margin-bottom : 9%;
}

dl#guide dd ul li {
    float : left;
    width : 49%;
    margin-right : 2%;
    font-weight : 800;
    font-size : 110%;
    text-align : center;
}

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

dl#guide dd ul li:first-child a {
    display : block;
    padding : 11px 0 12px 0;
    color : #ff5f19;
    background : #ffffff;
    border : solid 4px #ff5f19;
    border-radius : 40px;
    text-decoration : none;
}

dl#guide dd ul li:last-child a {
    display : block;
    padding : 11px 0 12px 0;
    color : #2db47d;
    background : #ffffff;
    border : solid 4px #2db47d;
    border-radius : 40px;
    text-decoration : none;
}

#data {
    clear : both;
    margin-bottom : 10%;
	border-top : solid 1px #aaaaaa;
    line-height : 1.4em;
}

#data th {
	width : 70px !important;
	width /**/: 90px;
	padding : 9px 10px 11px 10px;
	border-bottom : solid 1px #aaaaaa;
	background : #dedede;
	text-align : left;
	font-weight : 500;
}

#data td {
	padding : 9px 0 11px 10px;
	border-bottom : solid 1px #aaaaaa;
	word-break : break-all;
}

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

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

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

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

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

#footer {
    width : 100%;
    padding-top : 8%;
    background : #ffffff;
    text-align : center;
}

#footer p {
    margin-bottom : 5%;
    line-height : 1.6em;
}

#footer p span {
    display : block;
}

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

address font {
    display : none;
}