/*
* Theme Name: kodarmade
* Description:
* Theme URI: ngoliem.com
* Version: 1.0
* Theme Author: NL
* Author URI: http://ngoliem.com/
* Tags: basic, two-columns, post format
* Textdomain: ngoliem
* Languages Folder: /languages
*/
/* Default---------------------------------------------- */

html {
	min-height: 100%;
}
img {
	max-width: 100%;
}
body {
	font-family: 'LINESeedJP';
	font-size: 16px;
	-moz-osx-font-smoothing: grayscale;   /* Firefox */
	-webkit-font-smoothing: antialiased; /* WebKit  */
}
h1, h2, h3, h4, h5{
	font-family: 'LINESeedJP-bold';
	-moz-osx-font-smoothing: grayscale;   /* Firefox */
	-webkit-font-smoothing: antialiased; /* WebKit  */
}
p{
	line-height: 1.5;
}
@font-face {
	font-family: DisplayLight;
	src: url("css/fonts/SF-Pro-Display-Light.otf") format("opentype");
}
a, a:link, a:visited {
	cursor: pointer;
	text-decoration: none;
	color: #000;
}

a:hover, a:link:hover, a:visited:hover {
	opacity: 0.8;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	zoom: 1;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
.inner{
	width: 990px;
	margin: auto;
}
header{
	position: fixed;
	width: 100%;
	z-index: 100;
	background: #ffffff29;
}
.logo{
	text-align: center;
	padding: 20px 0;
	background: #a1a1a163;
	position: relative;
}
.menu{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.menu a{
	color: #ffffff;
	background: #EA0000;
	border-radius: 10px;
	padding: 15px 25px;
	font-size: 18px;
	font-family: 'LINESeedJP-bold';
	margin-right: 40px;
	display: flex;
}
.menu a img{
	padding-right: 5px;
}
.mv{
	position: relative;
	margin-bottom: -7px;
}
.mv-content{
	position: absolute;
	top: 180px;
	width: 50%;
	right: 0;
}
.mv-content p{
	padding: 50px 0;
	font-size: 16px;
	line-height: 1.9;
	color: #ffffff;
}
.box-img img{
	width: 117px;
	margin-right: 35px;
}
.cmnContact{
	background: #000000;
}
.cmnContact-box{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	padding-top: 60px;
	padding-bottom: 45px;
}
.cmnContact a{
	display: block;
	width: 285px;
	height: 73px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	font-family: 'LINESeedJP-bold';
	transition: all 0.5s ease;
}
.cmnContact a.cmnContact-contact:hover {
	opacity: 1 !important;
	box-shadow: rgb(255 0 0) 0px 25px 100px -20px, rgb(255 0 0) 0px 15px 15px -22px, rgb(10 39 69 / 35%) 0px -2px 6px 0px inset;
}
.cmnContact a.cmnContact-tell:hover {
	opacity: 1 !important;
	box-shadow: rgb(253 253 253) 0px 25px 100px -20px, rgb(255 255 255) 0px 15px 15px -22px, rgb(10 39 69 / 35%) 0px -2px 6px 0px inset;
}
.cmnContact a img{
	width: 32px;
	margin-right: 5px;
}
.cmnContact .cmnContact-tell{
	margin-right: 70px;
}
.cmnContact .cmnContact-contact{
	margin-left: 70px;
}
.cmnContact-line{
    border-left: 2px solid #ffffff;
}
.cmnContact .cmnContact-tell img{
	width: 22px;
	padding-bottom: 8px;
}
.cmnContact .cmnContact-contact img{
    width: 32px;
}
.cmnContact .cmnContact-tell p{
	font-size: 23px;
	color: #000000;
}
.cmnContact .cmnContact-tell span{
	font-size: 10px;
	display: block;
}
.cmnContact .cmnContact-contact p{
	font-size: 23px;
	color: #ffffff;
	display: flex;
}
.cmnContact .cmnContact-tell{
	background: #ffffff;
}
.cmnContact .cmnContact-contact{
	background: #AC0003;
}
.cmnContact-text{
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	padding-bottom: 30px;
}

.ct1{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ct1-content{
	position: absolute;
	width: 990px;
}
.ct1-content p{
	color: #ffffff;
	line-height: 1.9;
	padding-top: 50px;
}
.ct-title{
	padding-top: 110px;
	padding-bottom: 50px;
	text-align: center;
}
.ct-title h2{
	font-size: 40px;
	padding-bottom: 10px;
}
.ct-title p{
	font-size: 18px;
}
.ct2-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ct2-box{
	width: 320px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 50px;
}
.ct2-box .ct2-title{
	font-size: 21px;
	padding: 15px 0 10px 0;
}
.ct2-box .ct2-text{
	font-size: 15.5px;
	line-height: 1.6;
}
.ct3-content ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: -8%;
	background: #000000;
}
.ct3-content ul li{
	width: 50%;
	height: 370px;
}

.ct3-content ul li img{
	padding-top: 60px;
	padding-bottom: 25px;
}
.ct3-left div{
	width: 400px;
	margin-right: 65px;
	float: right;
}
.ct3-left{
	background: #5d5d5dd4;
	color: #ffffff;
	font-size: 13px;
}
.ct3-left p{
	font-size: 13px;
	line-height: 1.8;
}
.ct3-right{
	background: #ffffffbf;
	padding-left: 65px;
}
.ct3-right p{
	line-height: 1.8;
}
.ct3-right p:nth-child(2),
.ct3-right p:nth-child(4){
	font-size: 13px;
}
.ct3-right p:nth-child(2) span,
.ct3-right p:nth-child(4) span{
	font-size: 18px;
}
.ct3-right p:nth-child(4){
	padding-top: 10px;
}
.contact-form{
	background: #F2F2F2;
	padding-bottom: 138px;
}
.contact-form .contact-content{
	background: #ffffff;
	padding: 60px 100px;
}
.contact-form table {
	width: 100%;
}
.contact-form table.table1{
	margin-bottom: 20px;
}
.contact-form table.table1 th{
	background: #ffffff;
}
.contact-form table.table1 td{
	padding: 35px;
}
.contact-form th {
	border: 1px solid #000000;
	background: #E6E6E6;
	font-size: 16px;
	font-family: 'LINESeedJP-bold';
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	padding: 0 20px 0 30px;
	width: 26%;
	color: #000000;
}
.contact-form td .note {
	font-size: 12px;
	margin-top: 15px;
	display: block;
}
.contact-form td {
	border: 1px solid #000000;
	width: 74%;
	padding: 15px 30px;
	font-size: 16px;
}
.contact-form th span {
	float: right;
	color: #ffffff;
	background: #E64B1E;
	border-radius: 5px;
	padding: 3px 7px;
}
.contact-form td input {
	width: 100%;
	font-size: 16px;
	border: 1px solid #000000;
	padding: 8px 10px;
	border-radius: 5px;
}
.contact-form table.table1 input{
	width: 26px;
	height: 26px;
	margin: 0 5px 0 0;
}
.contact-form table.table1 td span.horizontal-item:nth-child(2){
	margin-left: 45px;
}
.contact-form table.table1 td span.horizontal-item:nth-child(3){
	margin-left: 0;
	margin-top: 20px;
	display: block;
}
.mw_wp_form .error{
	padding-top: 5px;
}
table textarea {
	width: 100%;
	height: 175px;
	font-size: 16px;
	border: 1px solid #000000;
	padding: 8px 10px;
	border-radius: 5px;
}
.form-policy {
	text-align: center;
	padding: 90px 0;
}
.form-policy p:nth-child(1) {
	font-size: 12px;
	padding-bottom: 40px;
}
.form-policy p:nth-child(2) {
	font-size: 12px;
	margin-bottom: 58px;
}
.form-policy p:nth-child(2) a {
	color: black;
	border: 1px solid #707070;
	border-radius: 5px;
	padding: 15px 80px;
	position: relative;
}
.form-policy p:nth-child(2) a img {
	position: absolute;
	right: 15px;
	width: 19px;
}
.form-policy p:nth-child(3) label {
	font-size: 15px;
}
.contact-form .form-btn {
	text-align: center;
}
.contact-form .form-btn p {
	position: relative;
	padding: 0;
	display: inline-block;
}
.contact-form .form-btn input:hover{
	cursor: pointer;
}
.contact-form .form-btn input {
	font-family: 'LINESeedJP-bold';
	-moz-osx-font-smoothing: grayscale;   /* Firefox */
	-webkit-font-smoothing: antialiased; /* WebKit  */
	font-size: 30px;
	padding: 15px 100px;
	background: #B80012;
	border: unset;
	border-radius: 10px;
	color: #ffffff;
	transition: 0.5s ease;
	font-weight: unset;
}
.contact-form .form-btn p:after {
	content: url(./img/contact/icon-right.png);
	position: absolute;
	right: 15px;
	top: 35%;
}
.form-title2{
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
}
.form-title{
	font-size: 15px;
	text-align: center;
	padding-bottom: 20px;
}
/*footer*/
footer{
	background: #F2F2F2;
	border-bottom: 55px solid #000000;
	text-align: center;
}
.ft-tag{
	font-size: 15px;
	padding-bottom: 15px;
}
.copyright{
	font-size: 11px;
	padding-bottom: 35px;
}

@media screen and (min-width:1280px){
	.inner{
		width: 1100px;
	}
}
@media screen and (min-width:737px){
	.is-sp{
		display: none;
	}
	.mv img.mv-pc{
		object-fit: cover;
		width: 100%;
		height: 760px;
	}
}
@media screen and (max-width:737px){
	.inner{
		width: 90%;
	}
	.is-pc{
		display: none;
	}
	.mv {
		margin-bottom: -2vw;
	}
	.logo {
		padding: 4vw 0;
	}
	.logo img{
		width: 43vw;
	}
	.menu a img {
		padding-right: 0;
	}
	.menu a {
		padding: 3vw;
		margin-right: 4vw;
	}
	.mv-content {
		top: auto;
		width: 100%;
		bottom: 0;
		padding: 7.5vw;
		background: #0000007a;
	}
	.mv-content img{
		width: 80%;
	}
	.mv-content .box-img{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mv-content .box-img img {
		width: 30%;
		margin-right: 0;
	}
	.mv-content p{
		padding-top: 9vw;
		padding-bottom: 7vw;
		font-size: 3.3vw;
	}
	.ct1{
		align-items: flex-start;
	}
	.ct1-content {
		width: 85%;
		padding-top: 7.5vw;
	}
	.ct1-content img {
		width: 80%;
	}
	.ct1-content p {
		padding-top: 8vw;
		font-size: 3.6vw;
	}
	.ct1-box-img{
		position: absolute;
		bottom: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.ct1-box-img img{
		width: 30%;
		padding-bottom: 5vw;
	}

	.ct-title {
		padding-top: 7.5vw;
		padding-bottom: 7.5vw;
	}
	.ct-title h2 {
		font-size: 8.5vw;
	}
	.ct-title p {
		font-size: 3.5vw;
	}
	.ct2-box {
		width: 100%;
		padding-bottom: 10.5vw;
	}
	.ct2-box .ct2-title {
		font-size: 5.5vw;
		padding: 5vw 0 3vw 0;
	}
	.ct2-box .ct2-text {
		font-size: 3.6vw;
	}

	.ct3-content ul {
		flex-direction: column;
	}
	.ct3-content ul li {
		width: 100%;
		height: auto;
	}
	.ct3-left {
		background: #5D5D5D;
		color: #ffffff;
		font-size: 3.5vw;
	}
	.ct3-left div {
		width: 100%;
		margin-right: 0;
		float: unset;
		padding: 7.5vw;
	}
	.ct3-right {
		padding: 7.5vw;
		background: #F8F8F8;
	}
	.ct3-content ul li img {
		padding-top: 0;
	}
	.ct3-right p{
		font-size: 3.5vw;
	}
	.ct3-right p span{
		font-size: 4vw !important;
	}
	.ct3-content iframe{
		height: 61vw;
	}

	.contact-form{
		background: #ffffff;
	}
	.contact-form .contact-content{
		padding: 0;
	}
	.form-title2{
		font-size: 5vw;
	}
	.form-title{
		font-size: 4vw;
	}
	.contact-form th {
		width: 100%;
		border: 0.5px solid #000000;
	}
	.contact-form td {
		width: 100%;
		border: 0.5px solid #000000;
	}
	.contact-form table tr{
		display: flex;
		flex-direction: column;
	}
	.contact-form table {
		border: 1px solid #000000;
	}
	.contact-form table.table1 td {
		padding: 5vw;
		font-size: 4vw;
	}
	.contact-form table.table1 th {
		padding: 6vw;
		text-align: center;
		font-size: 4vw;
	}
	.contact-form table.table1 td span.horizontal-item {
		margin-left: 0 !important;
		display: block;
		width: 100%;
	}
	.contact-form table.table1 td span.horizontal-item:nth-child(1),
	.contact-form table.table1 td span.horizontal-item:nth-child(2){
		margin-bottom: 9vw;
	}
	.contact-form table.table2 td {
		padding: 3vw;
		font-size: 3.5vw;
	}
	.contact-form table.table2 th {
		padding: 2vw;
		font-size: 3.5vw;
	}
	.contact-form table.table2 td input{
		font-size: 3.5vw;
	}
	.contact-form th span {
		float: unset;
		margin-left: 5vw;
		padding: 0.5vw 2vw;
	}
	table textarea {
		height: 57vw;
		font-size: 3.5vw;
	}
	.form-policy {
		padding: 10vw 0;
	}
	.form-policy p:nth-child(1) {
		font-size: 3vw;
		padding-bottom: 10vw;
	}
	.form-policy p:nth-child(2) {
		font-size: 3vw;
		margin-bottom: 15vw;
	}
	.form-policy p:nth-child(3) label {
		font-size: 3.5vw;
	}
	.contact-form .form-btn {
		padding-bottom: 10vw;
	}
	.contact-form .form-btn input {
		font-size: 5.5vw;
		padding: 4vw 15vw;
	}
	.contact-form .form-btn p:after {
		content: url(./img/contact/icon-right-sp.png);
		top: 30%;
	}



	.footer-fixed-wt{
		position: fixed;
		z-index: 100;
		bottom: 0;
		width: 100%;
	}
	.footer-fixed{
		width: 95%;
		margin: auto;
		background: #ffffff;
		border: 2px solid #ffffff;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		transition: bottom 0.3s;
	}
	.footer-fixed-link{
		display: flex;
		align-items: flex-end;
		justify-content: center;
		flex-wrap: nowrap;
	}
	a.footer-fixed-link-l{
		width: 50%;
		height: 50px;
		background: #ffffff;
		display: flex;
		align-items: center;
		color: #000000;
		border-top-left-radius: 14px;
		font-size: 20px;
		justify-content: center;
		font-family: 'LINESeedJP-bold';
		-moz-osx-font-smoothing: grayscale;   /* Firefox */
		-webkit-font-smoothing: antialiased; /* WebKit  */
	}
	a.footer-fixed-link-r{
		width: 50%;
		height: 50px;
		background: #FF0000;
		display: flex;
		align-items: center;
		color: #ffffff;
		border-top-right-radius: 14px;
		font-size: 20px;
		line-height: 1.2;
		justify-content: center;
		font-family: 'LINESeedJP-bold';
		-moz-osx-font-smoothing: grayscale;   /* Firefox */
		-webkit-font-smoothing: antialiased; /* WebKit  */
	}
	.footer-fixed-link a img{
		margin-right: 10px;
	}
	.footer-fixed-link a.footer-fixed-link-l img{
		width: 15%;
	}
	.footer-fixed-link a.footer-fixed-link-r img{
		width: 15%;
	}
	.footer-fixed p{
		background: #000000;
		color: #ffffff;
		font-size: 9px;
		padding: 3px 0 3px 10px;
	}

	/*footer*/
	footer{
		background: #ffffff;
	}
}



.animate__animated.animate__delay-0_5s {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-delay: calc(var(--animate-delay) * 0.5);
	animation-delay: calc(var(--animate-delay) * 0.5)
}
.animate__animated.animate__delay-0_7s {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
	-webkit-animation-delay: calc(var(--animate-delay) * 0.7);
	animation-delay: calc(var(--animate-delay) * 0.7)
}
.animate__animated.animate__delay-1_1s {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-delay: calc(var(--animate-delay) * 1.1);
	animation-delay: calc(var(--animate-delay) * 1.1)
}
.animate__animated.animate__delay-1_5s {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-delay: calc(var(--animate-delay) * 1.5);
	animation-delay: calc(var(--animate-delay) * 1.5)
}
.animate__animated.animate__delay-1_8s {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
	-webkit-animation-delay: calc(var(--animate-delay) * 1.8);
	animation-delay: calc(var(--animate-delay) * 1.8)
}
.animate__animated.animate__delay-2_3s {
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s;
	-webkit-animation-delay: calc(var(--animate-delay) * 2.3);
	animation-delay: calc(var(--animate-delay) * 2.3)
}
.animate__animated.animate__delay-2_6s {
	-webkit-animation-delay: 2.6s;
	animation-delay: 2.6s;
	-webkit-animation-delay: calc(var(--animate-delay) * 2.6);
	animation-delay: calc(var(--animate-delay) * 2.6)
}
.animate__animated.animate__delay-2_9s {
	-webkit-animation-delay: 2.9s;
	animation-delay: 2.9s;
	-webkit-animation-delay: calc(var(--animate-delay) * 2.9);
	animation-delay: calc(var(--animate-delay) * 2.9)
}