@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/

#main .araxis {
	padding: 225px 0 65px;
	background: url("../img/index/araxis_bg.jpeg") no-repeat center center;
	background-size: cover;
}

#main .araxis .inner {
	width: 1200px;
	margin: 0 auto;
}

#main .araxis h1 {
	margin:40px auto 0px;
	text-align: center;
	font-size: 3.35rem;
	font-weight: 400;
	line-height: 1.7;
	color: #000000;
}

#main .araxis h1 a {
	color: #fff;
	text-decoration: none;
}

#main .araxis h1 a:hover {
	opacity: 0.7;
}

#main .araxis h2 {
	width: 68%;
    margin: 30px auto 50px;
    font-size:1.9rem;
}

#main .araxis .inner .p_supplement {
	color: red;
    font-size: 1.6rem;
    line-height: 3;
}

#main .araxis .inner .p_leadcopy {
	width: 82%;
	margin: 0 auto 35px;
	font-size:1.9rem;
}

#main .araxis .inner .p_leadcopy .weight {
	font-weight: 600;
}

#main .araxis .cTxt {
	margin: 24px 0;
	text-align: center;
	line-height: 1.5;
}

#main .araxis .top_font_size {
	font-size: 3.0rem;
}

#main .araxis .cTxt .Phrase{
	background: rgba(102,102,102,0.4);
	font-size: 2.0rem;
	color:#fff;
}

#main .araxis .cTxt .PhraseB1{
	font-size: 3.0rem;
}

#main .araxis .cTxt .PhraseB2{
	font-size: 2.0rem;
	color: #e100ff;
}

#main .araxis .col {
	font-size: 4.8rem;
	color: #C00000;
	text-shadow: 1px 1px 2px #F3D1D0;
}

/*
#main .araxis p {
	margin-bottom: 96px;
	text-align: center;
	font-size: 2.6rem;
	font-weight: 700;
}
*/

#main .araxis .btnUl li {
	margin: 0 10px;
	width: 250px;
}

#main .araxis .btnUl li a {
	padding: 12px 5px 12px;
	font-size: 2.0rem;
	font-weight: 700;
	display: block;
	border-radius: 40px;
	text-align: center;
}
#main .araxis .btnUl li a {
	transition: color .5s ease, background .5s ease, border .5s ease;
}

#main .araxis_comp {
	padding: 186px 0 20px;
	background: none;
	background-size: cover;
}

#main .araxis img {
	width: 45%;
	box-shadow: 1px 1px 0px 2px #a10000;
}

#main .araxis .cTxt {
	margin-bottom: 24px;
	text-align: center;
	font-size: 1.7rem;
	line-height: 1.5;
}

#main .araxis .cTxt span {
	font-weight: 700;
	font-size: 1.9rem;
}

#main .araxis .cTxt01 {
	margin-bottom: 144px;
}

#main .araxis h3 a:hover {
	color: #238FFB;
}

#main .imgBox {
	margin-bottom: 39px;
	align-items: flex-start;
}
#main .imgBox01 {
	margin-bottom: 83px;
}
#main .imgBox .photoBox {
	width: 387px;
	margin:auto;
}
#main .imgBox .photoBox span {
	padding-bottom: 87%;
	display: block;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#main .imgBoxR .photoBox {
	order: 1;
}
#main .imgBox .textBox {
	margin-top: 3px;
	width: 550px;
}
#main .imgBoxR .textBox {
	width: 579px;
}
#main .imgBox .textBox p {
	margin-bottom: 25px;
	line-height: 1.68;
}
#main .imgBox .textBox p:last-child {
	margin-bottom: 0;
}
#main .imgBox .textBox p span {
	font-weight: 700;
	font-size: 1.6rem;
	color:#ff0000;
}
#main .imgBox .textBox dt {
	font-weight: 700;
	font-size: 1.6rem;
}
#main .imgBox .textBox dd {
	margin-bottom: 25px;
}
#main .imgBox .textBox dd:last-child {
	margin-bottom: 0;
}
#main .whitepaper {
	padding: 30px 0 85px;
	background: #F6F6F6;
}
/* #main .whitepaper .content {
	width: 1140px;
} */
#main .whitepaper .headLine01 {
	margin-bottom: 41px;
}
#main .whitepaper .cTxt {
	width: 69%;
    margin: 0 auto 10px;
    text-align: left;
	font-size: 1.7rem;
	line-height: 1.78;
}
#main .whitepaper .cTxt span {
	font-weight: bold;
	font-size: 1.9rem;
}
#main .whitepaper .cTxt_supplement {
	margin: 30px auto;
	text-align: center;
    color: red;
    font-size: 1.6rem;
    line-height: 1.8;
}


/*------------------------------------------------------------
	index レスポンシブ対応（スマホ表示）
------------------------------------------------------------*/

@media all and (max-width: 767px) {
	#main .araxis {
		padding: 60px 0 10px;
		min-height: 1050px;
	}

	#main .araxis img {
		width: 100%;
	}

	#main .araxis .inner {
		width: 100%;
		padding: 60px 20px 20px;
		box-sizing: border-box;
	}

	#main .araxis h1 {
		margin: 0 auto 48px;
		width: 350px;
		text-align: center;
		font-size: 2.2rem;
		line-height: 1.5;
	}

	#main .araxis .col {
		font-size: 2.2rem;
	}

	#main .araxis .top_font_size {
		font-size: 2.2rem;
	}

	#main .araxis .inner .p_supplement {
		font-size: 1.55rem;
	}
	
	#main .araxis .inner .p_leadcopy {
		width: 100%;
		margin: 30px auto 35px;
		font-size:1.6rem;
		line-height: 2.7rem;
	}
	
	#main .araxis .btnUl {
		margin: 0 auto;
		width: 230px;
		display: block;
	}
	#main .araxis .btnUl li {
		margin: 0 0 20px;
		width: auto;
	}
	#main .araxis .btnUl li:last-child {
		margin-bottom: 0;
	}
	#main .araxis .btnUl li a {
		padding: 16px 5px;
		font-size: 1.6rem;
	}


	#main .araxis .cl img {
		text-align: center;
		width: 50px;
		height: 15px;
		display: block;
		margin: 24px auto 24px;
	}

	#main .araxis_comp {
		height: 0vh !important;
		min-height: 60px;
	}

	#main .araxis .cTxt {
		margin-bottom: 24px;
		font-size: 1.5rem;
		line-height: 1.86;
	}

	#main .araxis .cTxt span {
		font-size: 1.6rem;
	}

	#main .araxis .cTxt01 {
		margin-bottom: 60px;
	}

	#main .imgBox {
		display: block;
	}

	#main .imgBox01 {
		margin-bottom: 0px;
	}

	#main .imgBox .photoBox {
		margin-bottom: 32px;
		width: auto;
		text-align: center;
	}

	#main .imgBox .textBox {
		margin: 0 0 30px;
		width: auto;
	}

	#main .imgBoxR .textBox {
		width: auto;
	}

	#main .imgBox .textBox p {
		line-height: 1.8;
	}

	#main .imgBox .textBox p span {
		font-size: 1.2rem;
		font-weight: 700;
		color:#ff0000;
	}

	#main .imgBox .textBox dt {
		font-size: 1.4rem;
	}

	#main .imgBox .textBox dd {
		margin-bottom: 15px;
	}

	#main .imgBox .textBox dd:last-child {
		margin-bottom: 0;
	}

	#main .whitepaper  {
		padding: 10px 0 65px;
	}

	#main .whitepaper .headLine01 {
		margin-bottom: 15px;
	}

	#main .whitepaper .cTxt {
		margin-bottom: 35px;
		font-size: 1.6rem;
		line-height: 1.8;
		width: 95%;
	}

	#main .whitepaper .cTxt span {
		font-size: 1.5rem;
	}

	#main .whitepaper .whitepaper_form {
		margin: 0 0 60px;
		display: block;
	}

	#main .whitepaper .whitepaper_form::after {
		display: none;
	}

	#main .whitepaper .whitepaper_form li {
		margin: 0 0 40px;
		width: auto;
	}

	#main .whitepaper .whitepaper_form li:last-child {
		margin-bottom: 0;
	}

	#main .whitepaper .whitepaper_form li .photo {
		margin-bottom: 8px;
	}

	#main .whitepaper .whitepaper_form li .ttl {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}

	#main .whitepaper .whitepaper_form li .ttl .txt {
		font-size: 2.2rem;
	}

	#main .whitepaper .whitepaper_form li .ttl .txt .num {
		margin-left: 5px;
		font-size: 3.2rem;
	}

	#main .whitepaper .whitepaper_form li .text {
		line-height: 1.8;
	}

	#main .scene {
		padding: 54px 0 80px;
	}

	#main .scene .headLine01 {
		margin-bottom: 17px;
	}

	#main .scene .headLine01 .col {
		font-size: 3.1rem;
	}

	#main .scene .cTxt {
		margin-bottom: 50px;
		font-size: 1.4rem;
		line-height: 1.8;
	}

	#main .scene .cTxt span {
		font-size: 1.5rem;
	}

	#main .scene .cTxt a {
		font-size: 1.4rem;
	}

	#main .scene .cTxt a:hover {
		text-decoration: underline;
	}

	#main .scene .linkList {
		margin-top: -35px;
		margin-bottom: 70px;
		justify-content: space-between;
	}

	#main .scene .linkList li {
		margin: 35px 0 0;
		width: 45%;
	}

	#main .scene .linkList li .ttl {
		margin-bottom: 3px;
		font-size: 1.7rem;
	}

	#main .scene .linkList li .ttl span {
		font-size: 2.4rem;
	}

	#main .scene .linkList li .txt {
		font-size: 1.1rem;
	}

	#main .scene .imgBox {
		margin: 0 0 50px;
	}

	#main .scene .imgBox01 {
		margin-bottom: 50px;
	}

	#main .scene .imgBox .photoBox {
		margin-bottom: 10px;
		width: auto;
	}

	#main .scene .imgBox .textBox {
		width: auto;
	}

	#main .scene .imgBox .textBox .headLine02 {
		margin-bottom: 15px;
		font-size: 1.9rem;
	}

	#main .scene .imgBox .textBox .headLine02 .txt {
		font-size: 1.9rem;
		margin-bottom: 7px;
	}

	#main .scene .imgBox .textBox .headLine02 .num {
		font-size: 2.5rem;
	}

	#main .scene .imgBox .textBox p {
		line-height: 1.8;
	}

	#main .bform {
		padding: 5px;
	}

}
@media all and (max-width: 359px) {
	#main .araxis p {
		font-size: 1.8rem;
	}
}