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

.toppage{
	padding: 0px;
	
	margin: auto;
	width: 100%;
	box-sizing: border-box;
}
body .is-layout-flex {
    display: flex;
    align-items: stretch;
}
#flow .wp-block-column p{
	margin-bottom: 10px;
}
@media screen and (max-width: 900px) {	
.toppage{
	padding: 0px;
}
}
h3{
	max-width: 700px;
	margin: auto;
	margin-bottom:60px;
}

section{
	padding: 60px 20px; 
}
#topmainimage{
	padding: 0px;
}
#topmainimage img{
	width: 100%;
}
#corp{
	
}
.corp_logo_list{
	width: 830px;
	margin: auto;
	display: block;
	
}
#information .btn_a{
	margin-top: 40px;
}
section#information{
	background-color: #f4f9ff;
    background-image: repeating-linear-gradient(135deg, rgba(248, 252, 255, 1) 10px 22px, rgba(255, 255, 255, 1) 20px 30px);
	
	padding: 60px 20px;
    margin: 0;
}
section#faq{
	background-color: #f4f9ff;
	background-image: repeating-linear-gradient(135deg, rgba(248, 252, 255, 1) 10px 22px, rgba(255, 255, 255, 1) 20px 30px);
    padding: 60px 20px;
    margin: 0;
}
section#contact{
	background: #d3e7ff;
	padding: 60px 20px;
}
.listitem_qa{
	max-width: 1000px;
	margin: auto;
}
section#flow{
padding: 60px 20px;
    max-width: 1000px;
    margin: auto;
}
section#download{
	background-color:#d3e7ff;
	padding: 60px 20px;
	margin:0;
}
#download .inner{
	
	border-radius: 30px;
	max-width: 1000px;
	margin: auto;
}
.download_contents_list h4 > p{
	display: none;
}

#download h3{
	
}
.download_readtext{
	margin-bottom: 40px;
	text-align: center;
}


.download_contents_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
	column-gap: 0;
    justify-content: space-between;
    max-width: 1180px;
    margin: auto;
}
.download_contents_list > li{
	width: calc(25% - 15px);
	background-color: #fff;
	border-radius: 15px;
	padding: 20px; 
	box-sizing: border-box;
	display:block;
    justify-content: space-between;
	align-items: center;
}
.download_contents_list > li .left{
	
	width: 100%;
}
.download_contents_list > li .right{
	
	width: 100%;
	text-align:center;
}
.download_contents_list .btn_a a{
	width:100%;
    padding: 10px;
    border-radius: 10px;
    max-width: calc(100% - 40px);
}
.download_contents_list h4{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 15px;
}
.contact_cv{
	padding:40px 20px;
	color: #ffffff;
}
.contact_cv h3{
	
}
.contact_cv .title{
	max-width: 700px;
    margin: auto;
    margin-bottom: 40px;
}
.contactinner{
	max-width: 1000px;
    margin: auto;
    color: #4b4c4d;
}
.contactbtn_column{
	justify-content: center;
}
.btn_simu{
	max-width: 600px;
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 30px;
	transition: 0.5s;
}
.btn_simu:hover{
	opacity: 0.5;
}
@media screen and (max-width: 900px) {	
	
	#download .inner{
	
	
	border-radius: 20px;
}
}
@media screen and (max-width: 600px) {	

html {
	font-size: 16px;
	}
	
.qa_a {
	font-size: 1rem;
	}
.download_contents_list h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.download_contents_list > li {
	border-radius: 15px;
	}
.download_contents_list > li .left {
	
	}
}






@media screen and (max-width: 900px) {
	
	.download_contents_list > li{
		width: calc(50% - 8px);
		max-width: none;
	}
	 .download_contents_list h4 {
        font-size: 15px;
     }
    .download_contents_list {
        flex-direction: row;
        align-items: center;
		gap: 16px;
    }
	#contact p {
    text-align: left;
}
	#contact .wp-block-button__link{
		margin: auto;
	}
	body .contactinner .is-layout-flex {
	flex-direction: column;
        gap: 30px;
	}
	.download_contents_list .btn_a a{
		max-width: none;
	}
	
}