@charset "utf-8";
/* CSS Document */
.message {
	margin-bottom: 230px;
}
.t_heading {
    text-align: center;
}
.t_h2 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #185d9f;
	font-size: 40px;
	font-weight: 700;
}
.sub_h2 {
	font-size: 16px;
    color: #000;
    margin-top: 5px;
    font-weight: 300;
}
.t_h3 {
    font-size: 30px;
    font-weight: 500;
    color: #4A4B4B;
    text-align: center;
}
.t_h4 {
    background: #185DA1;
    color: white;
    width: fit-content;
    padding: 15px 45px;
    font-size: 30px;
    font-weight: bold;
}
.t_h5 {
    color: #185DA1;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
}
.normal {
    font-size: 18px;
    line-height: 31.5px;
}
.large {
	font-size: 30px;
    line-height: 44px;
    font-weight: 500;
}
.middle {
    font-size: 24px;
    color: #000000;
    line-height: 35px;
}
.small {
    font-size: 16px;
    line-height: 31.5px;
}
.blue {
    color: #185DA1;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
}
article {
    margin-top: 15px;
}
.support .contents1 {
    text-align: center;
    margin-top: 56px;
}
.support .contents1 .service_button {
    margin-top: 55px;
}
.service_button a {
    color: #2E5C9C;
    border: 1px solid;
    border-radius: 50px;
    padding: 10px 150px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    transition: 0.3s;
}
.service_button a::after{
    position: absolute;
    content: "";
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #185DA1;
    transition: 0.3s;
}
.service_button a:hover {
    background: #2E5C9C;
    color: #fff !important;
}
.service_button a:hover::after {
    border-left: 6px solid #fff;
}
.support .contents2 {
    margin-top: 105px;
    margin-bottom: 150px;
}
.circle_box > div {
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-top: 100px;
}
.circle_box .circle {
    position: relative;
}
.circle_box a {
    position: relative;
    border: 1px solid #707070;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 258px;
    height: 258px;
    flex-direction: column;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
}
.circle_box a span {
    font-size: 16px;
    line-height: 21px;
    margin-top: 15px;
}
.circle_box a::before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 25px;
    width: 15px;
    height: 15px;
    border-top: 3px solid #4A4B4B;
    border-right: 3px solid #4A4B4B;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
}
.circle_box .circle::before, .circle_box .circle::after{
    content: "";
    display: block;
    width: 15%;
    height: 4px;
    border-radius: 20px;
    background: #2E5C9C;
    transform: translateY(-50%) rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: 50%;
    right: -75px;
}

.circle_box .circle::after{
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: -64px;
}
.circle_box .circle:last-child::before, .circle_box .circle:last-child::after{
    display: none;
}
.point {
    margin-top: 200px;
}
#maintenance.point , #visit.point {
    margin-top: 75px;
}
.point > div {
    position: relative;
    padding-top: 215px;
}
.point_content {
    width: calc(50% + 190px);
    background: #ECF1F7;
    padding: 100px 80px 100px;
}
.point_content > div {
    width: 640px;
    margin-left: auto;
}
.worry {
    width: 544px;
    border: 2px solid #185DA1;
    padding: 0px 30px 30px;
}
.point_content .t_h5  {
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    background: #ECF1F7;
    z-index: 1;
    position: relative;
    padding: 0 5px;
    transform: translateY(-25px);
}
.point_content .worry p:nth-child(2){
    width: fit-content;
    margin: 0 auto;
}
.point_content .other {
    margin: 75px 0 75px 30px;
}
.point_content .other .large {
    margin-bottom: 30px;
}
.point_content .service_button a {
    padding: 10px 0px;
    width: 508px;
    text-align: center;
    margin-left: 30px;
}
.point .t_h4 {
    background: #185DA1;
    color: white;
    width: fit-content;
    padding: 15px 45px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
    margin-left: 50%;
    transform: translateX(-425px);
    z-index: 2;
    position: relative;
}
.img1 {
    position: absolute;
    left: 50%;
    top: 50px;
    z-index: 1;
}
.img2 {
    position: absolute;
    z-index: -1;
    top: 50px;
    left: 50%;
    transform: translateX(-540px);
}
.img3 {
    position: absolute;
    left: 50%;
    transform: translateX(65px);
    top: 430px;
}
.img4 {
    position: absolute;
    left: 50%;
    transform: translateX(280px);
    top: 750px;
}
/*3D委託サービス*/
.threeddata {
    margin-top: 100px;
}
.threeddata .t_h3 {
    margin-bottom: 100px;
}
.threeddata .contents1 {
    margin: 115px auto 175px;
    width: 960px;
}
.threeddata .contents1 .normal {
    margin: 15px 0 65px;
}
.threeddata .contents2 .service_box {
    background: #ECF1F7;
    padding: 35px 140px 50px 190px;
    width: calc(50% + 250px);
    margin-left: auto;
    margin-bottom: 180px;
    position: relative;
}
.threeddata .contents2 .service_box > div {
    width: 500px;
}
.threeddata .contents2 .service_box .t_h3 {
    color: #185DA1;
    text-align: left;
    transform: translateY(-55px);
    margin-bottom: 0px;
}
.threeddata .contents2 .service_box .service_button a {
    color: #2E5C9C;
    border: 1px solid;
    border-radius: 50px;
    padding: 10px 92px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-size: 18px;
    line-height: 24px;
    position: relative;
}
.threeddata .contents2 .service_box figure {
    position: absolute;
    left: -290px;
    top: 200px;
    border: 20px solid white;
    box-shadow: 0px 3px 7px -5px #000000;
}
.threeddata .contents2 .service_box:nth-child(2) {
    margin-left: 0;
    margin-right: auto;
}
.threeddata .contents2 .service_box:nth-child(2) > div {
    margin-left: auto;
}
.threeddata .contents2 .service_box:nth-child(2) figure {
    left: unset;
    right: -400px;
    top: 160px;
}
.threeddata .contents2 .service_box:nth-child(3) figure {
    top: 100px;
}
.threeddata .contents3 {
    width: 960px;
    margin: 0 auto 50px;
}
.threeddata .contents3 .large {
    margin-bottom: 45px;
}
.threeddata .contents3 .normal {
    margin-top: 22px;
    margin-bottom: 30px;
}
.threeddata .contents3 .normal , .threeddata .contents3 .middle {
    margin-left: 30px;
}
/*スクール・講習会*/
.school .contents1 {
    width: 960px;
    margin: 0 auto 70px;
}
.school .contents1 .t_h3 {
    text-align: left;
}
.school .contents1 .blue {
    margin: 50px 0 30px;
}
.school .contents2 {
    width: 960px;
    margin: 0 auto;
}
.school .contents2 ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.school .contents2 li {
    width: calc(50% - 15px);
    padding: 16px 20px;
    border: 1px solid #4A4B4B;
}
.school .contents2 li .small {
    margin: 5px 0 10px;
}
.school .contents2 li a{
    border: 1px solid #185DA1;
    color: #185DA1;
    padding: 5px 11px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 18px;
}
.school .contents2 li div {
    display: flex;
    gap: 10px;
}
.school .contents3 {
    background: #ECF1F7;
    margin-top: 150px;
    padding: 30px 0 50px;
}
.school .contents3 > div {
    width: 960px;
    margin: 0 auto;
}
.school .contents3 .t_h3 {
    color: #185DA1;
    font-weight: 600;
    transform: translateY(-50px);
}
.school .contents3 .list {
    width: fit-content;
    margin: 0 auto 75px;
    font-size: 25px;
    line-height: 43.5px;
}
.school .contents3 .blue {
    text-align: center;
    margin: 70px 0 50px;
}
.school .contents2 li > img {
    height: 63px;
    width: auto;
}
.school .contents2 li a:hover {
    opacity: 0.7;
}
.course_box > div {
    display: flex;
    gap: 40px;
    justify-content: center;
}
.course_list {
    width: 285px;
    padding: 10px;
    background: white;
}
.course_list:first-child {
    width: 231px;
}
.course_list p {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0;
    text-align: center;
}
.course_list ul {
    border-top: 1px solid;
    padding: 15px;
    font-size: 18px;
    line-height: 31.5px;
}
.under_box {
    width: 881px;
    margin: 45px auto 0;
}
.under_box > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.under_box a {
    border: 1px solid #185DA1;
    color: #185DA1;
    padding: 5px 11px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 18px;
}
.under_box a:hover {
    opacity: 0.7;
}

/*みたれぽ*/
.mitarepo {
    margin-bottom: 10px;

}

.mitarepo > div {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    gap: 50px;
    justify-content: center;
	
}
.mitarepo > div .mitarepo_text {
    color: #4A4B4B;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 25px;
}
.mitarepo > div .mitarepo_recommend {
    color: #4A4B4B;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 25px;
}
.mitarepo > div .mitarepo_title {
    color: #4A4B4B;
    font-size: 20px;
    font-weight: bold;
    line-height: 47px;
    margin-bottom: 20px;
}
.mitarepo > div .mitarepo_series {
    color: #fff;
	background:#55ACEE;
    font-size: 18px;
    line-height: 25.2px;
    margin-bottom: 30px;
	text-align:center;
}
.mitarepo > div .mitarepo_pdf {
    display: flex;
    align-items: center;
    gap: 50px;
    color: #185DA1;
    font-size: 18px;
    line-height: 24px;
}
.article__body {
    margin: 0px auto 50px;
}
.contact_form h3 {
    color: #4A4B4B;
    text-align: center;
    margin-bottom: 100px;
}
.mitarepo .mitarepo_list {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.mitarepo .mitarepo_list .mitarepo_content {
    width: calc((100% - 100px)/2);
}

.mitarepo_content img {
    height: 150px;
    width: auto;
	float:left;
	margin-right:18px;
}
.mitarepo .mitarepo_list .mitarepo_content .mitarepo_text {
    font-size: 16px;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
	font-weight:300;
	display:inline-block;
}
.mitarepo .mitarepo_list .mitarepo_content .mitarepo_title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
}

.mitarepo .mitarepo_list .mitarepo_content .mitarepo_recommend {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}
.mitarepo .mitarepo_list .mitarepo_content .mitarepo_series {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
	width:70%;
	margin-left:30%;
}
.mitarepo .mitarepo_list .mitarepo_content .mitarepo_pdf {
    justify-content: center;
    gap: 30px;
    font-size: 18px;
    line-height: 24px;
}
/*スクール・講習会*/
.mitarepo .contents1 {
    width: 960px;
    margin: 0 auto 70px;
}
.mitarepo .contents1 .t_h3 {
    text-align: left;
}
.mitarepo .contents1 .blue {
    margin: 50px 0 30px;
}
.mitarepo .contents2 {
    width: 960px;
    margin: 0 auto;
}
.mitarepo .contents2 ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.mitarepo .contents2 li {
    width: calc(50% - 15px);
    padding: 16px 20px;
    border: 1px solid #4A4B4B;
}
.mitarepo .contents2 li .small {
    margin: 5px 0 10px;
}
.mitarepo .contents2 li a{
    border: 1px solid #185DA1;
    color: #185DA1;
    padding: 5px 11px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 18px;
}
.mitarepo .contents2 li div {
    display: flex;
    gap: 10px;
}
.mitarepo .contents3 {
    background: #ECF1F7;
    margin-top: 150px;
    padding: 30px 0 50px;
}
.mitarepo .contents3 > div {
    width: 960px;
    margin: 0 auto;
}
.mitarepo .contents3 .t_h3 {
    color: #185DA1;
    font-weight: 600;
    transform: translateY(-50px);
}
.mitarepo .contents3 .list {
    width: fit-content;
    margin: 0 auto 75px;
    font-size: 25px;
    line-height: 43.5px;
}
.mitarepo .contents3 .blue {
    text-align: center;
    margin: 70px 0 50px;
}
.mitarepo .contents2 li > img {
    height: 63px;
    width: auto;
}
.mitarepo .contents2 li a:hover {
    opacity: 0.7;
}
/*課題解決*/
.solutions {
    margin-bottom: 10px;
}

.solutions > div {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    gap: 50px;
    justify-content: center;
}
.solutions > div .solutions_text {
    color: #4A4B4B;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 25px;
}
.solutions > div .solutions_recommend {
    color: #4A4B4B;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 25px;
}
.solutions > div .solutions_title {
    color: #4A4B4B;
    font-size: 20px;
    font-weight: bold;
    line-height: 47px;
    margin-bottom: 20px;
}
.solutions > div .solutions_series {
    color: #fff;
	background:#55ACEE;
    font-size: 18px;
    line-height: 25.2px;
    margin-bottom: 30px;
	text-align:center;
}
.solutions > div .solutions_pdf {
    display: flex;
    align-items: center;
    gap: 50px;
    color: #185DA1;
    font-size: 18px;
    line-height: 24px;
}
.article__body {
    margin: 0px auto 50px;
}
.contact_form h3 {
    color: #4A4B4B;
    text-align: center;
    margin-bottom: 100px;
}
.solutions .solutions_list {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.solutions .solutions_list .solutions_content {
    width: calc((100% - 100px)/2);
}
.solutions_content img {
    height: 150px;
    width: auto;
	float:left;
	margin-right:18px;
}
.solutions .solutions_list .solutions_content .solutions_text {
    font-size: 16px;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
	font-weight:300;
	display:inline-block;
}
.solutions .solutions_list .solutions_content .solutions_title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
}

.solutions .solutions_list .solutions_content .solutions_recommend {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}
.solutions .solutions_list .solutions_content .solutions_series {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
	width:70%;
	margin-left:30%;
}
.solutions .solutions_list .solutions_content .solutions_pdf {
    justify-content: center;
    gap: 30px;
    font-size: 18px;
    line-height: 24px;
}
/*スクール・講習会*/
.solutions .contents1 {
    width: 960px;
    margin: 0 auto 70px;
}
.solutions .contents1 .t_h3 {
    text-align: left;
}
.solutions .contents1 .blue {
    margin: 50px 0 30px;
}
.solutions .contents2 {
    width: 960px;
    margin: 0 auto;
}
.solutions .contents2 ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.solutions .contents2 li {
    width: calc(50% - 15px);
    padding: 16px 20px;
    border: 1px solid #4A4B4B;
}
.solutions .contents2 li .small {
    margin: 5px 0 10px;
}
.solutions .contents2 li a{
    border: 1px solid #185DA1;
    color: #185DA1;
    padding: 5px 11px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 18px;
}
.solutions .contents2 li div {
    display: flex;
    gap: 10px;
}
.solutions .contents3 {
    background: #ECF1F7;
    margin-top: 150px;
    padding: 30px 0 50px;
}
.solutions .contents3 > div {
    width: 960px;
    margin: 0 auto;
}
.solutions .contents3 .t_h3 {
    color: #185DA1;
    font-weight: 600;
    transform: translateY(-50px);
}
.solutions .contents3 .list {
    width: fit-content;
    margin: 0 auto 75px;
    font-size: 25px;
    line-height: 43.5px;
}
.solutions .contents3 .blue {
    text-align: center;
    margin: 70px 0 50px;
}
.solutions .contents2 li > img {
    height: 63px;
    width: auto;
}
.solutions .contents2 li a:hover {
    opacity: 0.7;
}
/*スクール・講習会*/
.solution .contents1 {
    width: 960px;
    margin: 0 auto 70px;
}
.solution .contents1 .t_h3 {
    text-align: left;
}
.solution .contents1 .blue {
    margin: 50px 0 30px;
}
.solution .contents2 {
    width: 960px;
    margin: 0 auto;
}
.solution .contents2 ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.solution .contents2 li {
    width: calc(50% - 15px);
    padding: 16px 20px;
    border: 1px solid #4A4B4B;
}
.solution .contents2 li .small {
    margin: 5px 0 10px;
}
.solution .contents2 li a{
    border: 1px solid #185DA1;
    color: #185DA1;
    padding: 5px 11px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 18px;
}
.solution .contents2 li div {
    display: flex;
    gap: 10px;
}
.solution .contents3 {
    background: #ECF1F7;
    margin-top: 150px;
    padding: 30px 0 50px;
}
.solution .contents3 > div {
    width: 960px;
    margin: 0 auto;
}
.solution .contents3 .t_h3 {
    color: #185DA1;
    font-weight: 600;
    transform: translateY(-50px);
}
.solution .contents3 .list {
    width: fit-content;
    margin: 0 auto 75px;
    font-size: 25px;
    line-height: 43.5px;
}
.solution .contents3 .blue {
    text-align: center;
    margin: 70px 0 50px;
}
.solution .contents2 li > img {
    height: 63px;
    width: auto;
}
.solution .contents2 li a:hover {
    opacity: 0.7;
}

/*メンテナンス・技術サポート*/
.maintenance .contents1 {
    width: 960px;
    margin: 0 auto 120px;
}
.maintenance .contents1 .t_h3 {
    text-align: left;
}
.maintenance .contents1 .blue {
    margin: 50px 0 30px;
}
.solution {
    margin-bottom: 120px;
}
.solution_box {
    background: #185DA115;
    width: calc(50% + 15px);
    flex-shrink: 0;
    padding: 20px 125px 50px 0;
}
.solution > div{
    display: flex;
}
.solution_box .t_h3 {
    color: #185DA1;
    transform: translateY(-40px);
    white-space: nowrap;
}
.solution_box:last-child {
    transform: translate(-30px, 60px);
    padding: 20px 0px 50px 125px;
}
.solution_box > div {
    width: 370px;
    margin-left: auto;
}
.solution_box:last-child > div {
    margin-left: 0;
    margin-right: auto;
}
.solution_box ul {
    margin-bottom: 30px;
}
.solution_box li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 52.5px;
}
.maintenance .contents3 {
    margin: 160px 0 100px;
}
.maintenance .contents3 > div {
    display: flex;
}
.repair {
    width: 50%;
}
.repair {
    width: 50%;
    padding: 50px 65px 70px 0;
    background: #F8F8F8;
}
.repair:last-child {
    padding: 50px 0 70px 65px;
    background: #E8E8E8;
}
.repair > div {
    max-width: 510px;
    margin-left: auto;
}
.repair:last-child > div {
    margin-left: 0;
    margin-right: auto;
}
.repair .large {
    text-align: center;
    margin-bottom: 40px;
}
/*出張・遠隔サービス*/
.remote .contents1 {
    width: 960px;
    margin: 0 auto 120px;
}
.remote .contents1 .t_h3 {
    text-align: left;
}
.remote .contents1 .blue {
    margin: 50px 0 30px;
}
.remote .contents2 {
    width: 960px;
    margin: 0 auto;
}
.remote .contents2 .t_h3 {
    color: #185DA1;
    width: fit-content;
    background: white;
    transform: translateY(-55px);
}
.special_service {
    border: 2px solid #2E5C9C;
    padding: 35px 50px 40px;
}
.remote .service_box > div {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.remote .service_box > div > div {
    width: 33%;
    background: #ECF1F7;
    text-align: center;
    padding-top: 10px;
}
.remote .service_box > div > div:last-child figure  {
    transform: translateY(-10px);
}
.remote .service_box > div > div p {
    font-size: 20px;
    line-height: 29px;
    color: #4A4B4B;
}
.remote .service_box > div > div:last-child p {
    transform: translateY(-19px);
}
.support_box {
    margin-top: 75px;
    margin-bottom: 100px;
}
.support_box > div {
    display: flex;
    gap: 70px;
}
.support_box > div > div {
	display:none;
    padding: 33px 40px;
    border: 1px solid #707070;
    width: calc(50% - 35px);
}
.support_box .large {
    color: #185DA1;
    margin-bottom: 25px;
}
.support_box .application_link a {
    border: 1px solid #185DA1;
    color: #185DA1;
    padding: 5px 11px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 18px;
    margin: 15px auto 0;
}
.support_box > div > div:last-child .normal {
    margin-bottom: 32px;
}
/*3Dデータ作成*/
.data_creation .contents1 {
    width: 960px;
    margin: 0 auto 120px;
}
.data_creation .contents1 .t_h3 {
    text-align: left;
}
.data_creation .contents1 .blue {
    margin: 50px 0 30px;
}
.feature {
    width: 90%;
    background: #ECF1F7;
    margin-bottom: 120px;
    padding-right: 50px;
}
.feature > div {
    max-width: 960px;
    margin-left: calc(50vw - 480px);
    padding-top: 10px;
    padding-bottom: 30px;
}
.feature .t_h3 {
    color: #185DA1;
    transform: translateY(-30px);
    text-align: left;
}
.feature > div div > div  {
    display: flex;
    gap: 20px;
}
.feature figure {
    flex-shrink: 0;
}
.feature:last-child {
    width: 65%;
    min-width: 800px;
}
.feature:last-child > div div > div {
    flex-direction: column;
}
.data_creation .contents3 {
    width: 960px;
    margin: 0 auto 75px;
}
.data_creation .contents3 .large {
    margin-bottom: 60px;
}
.data_creation .contents3 .exsample_box > div {
    display: flex;
    flex-wrap: wrap;
    gap: 55px;
    width: 80%;
    margin: 0 auto;
}
.data_creation .contents3 .exsample_box > div > div {
    width: calc(50% - 27.5px);
}
.data_creation .contents3 .exsample_box .middle {
    background: #C4C4C4;
    padding: 5px 10px;
    margin-bottom: 20px;
    font-size: 20px;
}
.data_creation .contents3 .exsample_box .normal {
    padding: 0 10px;
}
.data_creation .contents4 {
    width: 960px;
    margin: 0 auto 100px;
}
.data_creation .contents4 .large {
    margin-bottom: 20px;
}
.data_creation .contents4 img {
    width: 431px;
}
.data_creation .service_button {
    margin-bottom: 100px;
}
.data_creation .service_button a {
    padding: 15px 75px;
}
.contents4 a svg {
    border: 1px solid #4A4B4B;
	transition: 0.3s;
    width: 100%;
    height: auto;
    max-width: 431px;
}
.contents4 a svg , .contents4 a svg rect , .contents4 a svg path , .contents4 a svg text , .contents4 a svg line {
	transition: 0.3s;
}
g {
    opacity: 1;
}
.contents4 a svg:hover {
    border: 1px solid #fff;
}
.contents4 a:hover svg rect {
	fill: #185DA1;
}
.contents4 a:hover svg path , .contents4 a:hover svg text , .contents4 a:hover svg line {
	fill: #fff;
	stroke: #fff;
}
/*評価・解析サービス*/
.inspection .contents1 {
    width: 960px;
    margin: 0 auto 120px;
}
.inspection .t_h3 {
    text-align: left;
    width: 960px;
    margin: 0 auto 90px;
}
.inspection .contents1 .blue {
    margin: 0px 0 20px;
}
.inspection .contents1 .large {
    font-weight: 400;
    margin-bottom: 40px;
}
.evaluation {
    margin-bottom: 85px;
}
.evaluation > div {
    display: flex;
    gap: 50px;
}
.evaluation figure {
    flex-shrink: 0;
}
.inspection .contents2 {
    width: 960px;
    margin: 0 auto 120px;
}
.inspection .contents2 .blue {
    margin: 0px 0 20px;
}
.inspection .contents2 .large {
    font-weight: 400;
    margin-bottom: 40px;
}
.example figure {
    text-align: center;
    margin-top: 30px;
}
.example_box {
    margin-top: 70px;
}
.example_box .content_box {
    position: relative;
    margin-bottom: 125px;
}
.example_box .content_box > div > p {
    color: #ECF1F7;
    font-size: 221px;
    font-weight: 400;
    position: absolute;
    top: -95px;
    left: -100px;
    z-index: -1;
}
.example_box .content_box .flex > div {
    display: flex;
    gap: 50px;
    margin-top: 45px;
}
.example_box .content p:first-child {
    color: #4A4B4B;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 500;
}
.example_box .content figure {
    flex-shrink: 0;
    text-align: center;
    margin-top: 35px;
}
.example_2 >div > .normal {
    margin-bottom: 125px;
}
.example_box.example_2 .content figure {
    margin-top: 0;
}
.example_box.example_3 figure {
    text-align: center;
    margin-top: 35px;
}
.format .wp-block-table {
    overflow-x: unset;
}
.format {
    width: 375px;
    border: 1px solid #2E5C9C;
    padding: 0px 10px 10px;
    flex-shrink: 0;
    margin-top: 30px;
}
.inspection .format p {
    color: #185DA1;
    font-size: 20px;
    background: white;
    width: fit-content;
    transform: translateY(-15px);
}
.format tr {
    border-bottom: 1px solid #2E5C9C35;
}
.format td {
    padding: 5px 0;
}
.format td:first-child {
    text-align: center;
}
.example_box.example_4 > div {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}
.example_box.example_4 figure {
    margin-top: 20px;
}
.inspection .contents3 {
    width: 960px;
    margin: 0 auto 120px;
}
.inspection .contents3 .blue {
    margin: 0px 0 20px;
}
.inspection .contents3 .large {
    font-weight: 400;
    margin-bottom: 40px;
}
.inspection .service_button a {
    padding: 15px 75px;
}
.\33 dprint .contents1 {
    width: 960px;
    margin: 0 auto 120px;
}
.\33 dprint .t_h3 {
    text-align: left;
    width: 960px;
    margin: 0 auto 90px;
}
.\33 dprint .contents1 .blue {
    margin: 0px 0 20px;
}
.\33 dprint .contents1 .large {
    font-weight: 400;
    margin-bottom: 40px;
}
.\33 dprint .contents1 .evaluation {
    margin-bottom: 0px;
}
.\33 dprint .contents2 {
    width: 960px;
    margin: 0 auto 80px;
}
.\33 dprint .contents2 .large {
    margin-bottom: 35px;
}
.\33 dprint .contents2 .material_box {
    display: flex;
    gap: 60px;
}
.\33 dprint .contents2 .material {
    margin-bottom: 60px;
	width:450px;
}
.\33 dprint .contents2 .material p:first-child {
    font-size: 20px;
    color: #185DA1;
    font-weight: 500;
    margin-bottom: 20px;
	border-bottom:1px solid;
}
.\33 dprint .contents2 .material p a {
    text-decoration: underline;
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}
.\33 dprint .contents2 .material p a:hover {
    opacity: 0.5;
}
.\33 dprint .contents2 .over > div , .\33 dprint .contents2 .under > div {
    display: flex;
    gap: 70px;
}
.\33 dprint .contents2 .under .left {
    width: 212px;
}
.\33 dprint .contents2 .material .option {
    font-size: 13px;
	padding-top:10px;
}
.\33 dprint .contents3 {
    width: 960px;
    margin: 0 auto 120px;
}
.\33 dprint .contents3 .large {
    margin-bottom: 40px;
}
.\33 dprint .contents3 figure {
    margin-top: 20px;
    margin-bottom: 80px;
}
.\33 dprint .contents3 .format {
    width: calc(50% - 20px);
    border: none;
    background: #ECF1F7;
    padding: 20px 20px;
}
.format p {
    color: #185DA1;
    font-size: 18px;
    background: unset;
    transform: unset;
    text-decoration: underline;
}
.\33 dprint .contents3 .format figure {
    margin-top: 15px;
    margin-bottom: 0;
}
.\33 dprint .contents3 .flex > div {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 40px;
}
.\33 dprint .contents3 .format td:first-child {
    text-align: center;
    width: 195px;
}
.\33 dprint .contents3 .service_button {
    margin-top: 120px;
}
.guide {
    width: 324px;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    background: #185DA1;
    color: white;
    font-size: 18px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1;
}
@media screen and (max-width: 1250px) {
    .img4 {
        left: unset;
        transform: unset;
        right: 0;
    }
}
@media screen and (max-width: 1140px) {
    .point_content {
        width: fit-content;
        padding: 100px 30px 100px;
    }
    .worry {
        width: 520px;
    }
    .point_content > div {
        width: 580px;
        margin-left: auto;
    }
    .point_content .large {
        font-size: 27px;
        line-height: 44px;
    }
	
}
@media screen and (max-width: 1060px) {
    .img1 {
        left: unset;
        right: 0;
    }
}
@media screen and (max-width: 1025px) {
    .img2 {
        left: 0;
        transform: unset;
    }
    .img3 {
        left: unset;
        right: 0;
        transform: unset;
        width: 412px;
    }
}
@media screen and (max-width: 960px) {
    .pc_only {
        display: none;
    }
    #breadcrumbs {
        margin: 100px 7.5% 0px;
    }
    article {
        margin-top: 50px;
    }
    .normal {
        font-size: 16px;
        line-height: 28.5px;
    }
    .large {
        font-size: 20px;
        line-height: 34.5px;
    }
    .small {
        font-size: 16px;
        line-height: 25px;
    }
    .t_h3 {
        font-size: 20px;
    }
    .support .contents1 {
        padding: 0 7.5%;
    }
    .service_button a {
        padding: 25px 0px;
        width: 100%;
    }
    .circle_box > div {
        gap: 60px 90px;
        margin-top: 50px;
        flex-wrap: wrap;
    }
    .circle_box .circle:nth-child(2) {
        order: -1;
        width: 100%;
    }
    .circle_box a {
        width: 140px;
        height: 140px;
        font-size: 16px;
        line-height: 24px;
    }
    .circle_box .circle:nth-child(2) a {
        margin: 0 auto;
    }
    .circle_box a span {
        font-size: 12px;
        line-height: 17px;
        margin-top: 5px;
    }
    .circle_box a::before {
        bottom: 15px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #4A4B4B;
        border-right: 2px solid #4A4B4B;
    }
    .circle_box .circle:nth-child(2)::before, .circle_box .circle:nth-child(2)::after{
        display: none;
    }
    .circle_box .circle:last-child::before, .circle_box .circle:last-child::after{
        display: block;
    }
    .circle_box .circle::before, .circle_box .circle::after {
        top: -40px;
        right: 0px;
        height: 2px;
        width: 25%;
    }
    .circle_box .circle::after {
        right: 10px;
    }
    .circle_box .circle:last-child::before {
        right: 90px;
    }
    .circle_box .circle:last-child::after {
        right: 100px;
    }
    .point {
        margin-top: 100px;
    }
    .point > div {
        padding-top: 0;
    }
    .img1 {
        position: relative;
        top: 0;
        width: 100%;
    }
    .img1 img {
        width: 100%;
    }
    .point .t_h4 {
        font-size: 22px;
        transform: unset;
        margin: 150px 0 50px calc(7.5% + 30px);
    }
    .img2 {
        top: 64vw;
        width: 280px;
    }
    #visit .img2 {
        top: 70vw;
        width: 280px;
    }
    .point_content {
        width: 100%;
        padding: 100px 0px 45px;
    }
    .point_content > div {
        width: 85%;
        margin: 0 auto;
    }
    .worry {
        width: 100%;
    }
    .t_h5 {
        font-size: 25px;
        line-height: 33px;
    }
    .point_content .t_h5 {
        transform: translateY(-20px);
    }
    .img3 {
        position: relative;
        top: 0;
        margin-top: 36px;
        width: 85%;
        transform: translateX(-7.5vw)
    }
    .img3 img {
        width: 100%;
    }
    .point_content .other {
        margin: 50px 0 25px 0px;
    }
    .point_content .large {
        font-size: 24px;
        line-height: 38px;
    }
    .img4 {
        position: relative;
        top: 0;
        width: 50%;
        margin: 0 0 20px auto;
        transform: translateX(7.5vw);
        min-width: 205px;
    }
    .point_content .service_button a {
        width: 80%;
        margin: 0 auto;
    }
    .support .contents2 {
        margin-bottom: 0;
    }
    /*3D委託サービス*/
    .threeddata {
        margin-top: 50px;
    }
    .threeddata .contents1 {
        margin: 50px auto 100px;
        width: 85%;
    }
    .threeddata .t_h3 {
        margin-bottom: 50px;
    }
    .blue {
        font-size: 18px;
    }
    .threeddata .contents1 .normal {
        margin: 15px 0 35px;
    }
    .threeddata .contents1 figure {
        width: 100vw;
        margin-left: -7.5vw;
    }
    .threeddata .contents2 .service_box {
        padding: 25px 7.5% 60px;
        width: 100%;
        margin-bottom: 160px;
    }
    .threeddata .contents2 .service_box > div {
        width: 100%;
    }
    .threeddata .contents2 .service_box .t_h3 {
        margin: 0;
        text-align: right;
        font-weight: bold;
        transform: translateY(-35px);
    }
    .threeddata .contents2 .service_box figure {
        position: relative;
        left: 0;
        top: 0;
        width: fit-content;
        margin: 0 auto 35px;
    }
    .threeddata .contents2 .service_box .service_button a {
        margin: 35px auto 0;
        padding: 10px 82px;
    }
    .threeddata .contents2 .service_box:nth-child(2) figure {
        right: 0;
        top: 0;
    }
    .threeddata .contents2 .service_box:nth-child(2) .t_h3 {
        text-align: left;
    }
    .threeddata .contents2 .service_box:nth-child(3) figure {
        top: 0;
    }
    .threeddata .contents3 {
        width: 85%;
    }
    .middle {
        font-size: 20px;
        line-height: 31px;
    }
    .threeddata .contents3 .normal, .threeddata .contents3 .middle {
        margin-left: 0px;
    }
    /*スクール・講習会*/
    .school .contents1 {
        width: 85%;
        margin: 0 auto 70px;
    }
    .school .contents1 .blue {
        margin: 40px 0 20px;
    }
    .school .contents2 {
        width: 85%;
    }
    .school .contents2 li {
        padding: 15px 25px;
        width: 100%;
        text-align: center;
    }
    .school .contents2 li div {
        flex-wrap: wrap;
        justify-content: center;
    }
    .school .contents2 li .small {
        text-align: left;
    }
    .school .contents3 > div {
        width: 85%;
    }
    .school .contents3 {
        margin-top: 80px;
        padding: 30px 0 50px;
    }
    .school .contents3 .t_h3 {
        transform: translateY(-45px);
    }
    .school .contents3 .list {
        margin: 0 auto 50px;
        font-size: 20px;
        line-height: 34.5px;
    }
    .course_box > div {
        flex-direction: column;
        align-items: center;
    }
    .course_list:first-child {
        width: 285px;
    }
    .course_list p {
        font-size: 18px;
    }
    .course_list ul {
        font-size: 16px;
    }
    .under_box {
        width: 100%;
        margin: 20px auto 0;
    }
    /*メンテナンス・技術サポート*/
    .maintenance .contents1 {
        width: 85%;
        margin: 0 auto 120px;
    }
    .maintenance .contents1 .blue {
        margin: 40px 0 20px;
    }
    .solution > div {
        flex-direction: column;
    }
    .solution_box {
        width: 100%;
        padding: 20px 0 30px;
        margin-bottom: 100px;
    }
    .solution_box > div {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .solution_box .t_h3 {
        transform: translateY(-35px);
    }
    .solution_box:last-child {
        transform: translate(0px, 0px);
        padding: 20px 0px 30px;
    }
    .solution_box:last-child > div {
        margin-left: auto;
        margin-right: auto;
    }
    .solution {
        margin-bottom: 0;
    }
    .maintenance .contents3 {
        margin: 50px 0 0;
    }
    .maintenance .contents3 > div {
        flex-direction: column;
    }
    .repair {
        width: 100%;
        padding: 30px 0 30px;
    }
    .repair .large {
        margin-bottom: 25px;
    }
    .repair > div {
        margin-left: auto;
        margin-right: auto;
        width: 85%;
    }
    .repair:last-child {
        padding: 30px 0 30px;
    }
    .repair:last-child > div {
        margin-left: auto;
        margin-right: auto;
    }
    .remote article {
        width: 85%;
        margin: 50px auto 0;
    }
    .remote .contents1 {
        width: 100%;
    }
    .remote .contents1 .blue {
        margin: 40px 0 20px;
    }
    .remote .contents2 {
        width: 100%;
    }
    .special_service {
        padding: 35px 30px 40px;
    }
    .remote .service_box > div {
        gap: 33px;
        flex-wrap: wrap;
    }
    .remote .service_box > div > div {
        width: calc(50% - 16.5px);
        padding: 20px;
    }
    .remote .service_box > div > div p {
        font-size: 18px;
    }
    .support_box > div {
        gap: 40px;
        flex-direction: column;
    }
    .support_box > div > div {
        width: 100%;
    }
    .support_box .large {
        font-size: 25px;
    }
    .img_box {
        display: block;
        margin: 0 auto;
        width: fit-content;
    }
    .support_box .application_link a {
        width: 290px;
        justify-content: center;
    }
    /*3Dデータ作成*/
    .data_creation .contents1 {
        width: 85%;
        margin: 0 auto 120px;
    }
    .data_creation .contents1 .blue {
        margin: 40px 0 20px;
    }
    .feature {
        width: 100%;
        margin-bottom: 60px;
        padding: 0 7.5%;
    }
    .feature .t_h3 {
        transform: translateY(-65px);
        line-height: 31.5px;
    }
    .feature > div {
        margin-left: 0;
        padding-top: 50px;
    }
    .feature > div div > div {
        gap: 25px;
        flex-direction: column;
    }
    .feature figure {
        order: -1;
        text-align: center;
    }
    .feature:last-child {
        width: 100%;
        min-width: unset;
    }
    .data_creation .contents3 {
        width: 85%;
    }
    .data_creation .contents3 .large {
        margin-bottom: 40px;
    }
    .data_creation .contents3 .exsample_box > div {
        width: 100%;
        flex-direction: column;
    }
    .data_creation .contents3 .exsample_box > div > div {
        width: 100%;
    }
    .data_creation .contents3 .exsample_box .middle {
        padding: 5px 20px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .data_creation .contents4 {
        width: 85%;
        margin: 0px auto 50px;
    }
    .data_creation .contents4 img {
        width: 100%;
        max-width: 434px;
        height: auto;
    }
    .data_creation .service_button a {
        width: fit-content;
    }
    /*評価・解析サービス*/
    .inspection .t_h3 {
        width: 85%;
        margin: 0 auto 35px;
    }
    .inspection .contents1 , .inspection .contents2 {
        width: 85%;
    }
    .evaluation > div {
        flex-direction: column;
    }
    .inspection .contents1 .large {
        margin-bottom: 25px;
        font-size: 25px;
        line-height: 31.5px;
    }
    .evaluation figure {
        order: 1;
    }
    .example_box .content_box .flex > div {
        gap: 0px;
        margin-top: 90px;
        flex-direction: column;
    }
    .example_box .content_box > div > p {
        top: -130px;
        left: -30px;
    }
    .example_box.example_2 .content figure {
        margin-top: 35px;
    }
    .example_box.example_4 > div {
        flex-direction: column;
        align-items: unset;
        gap: 15px;
    }
    .format {
        width: 100%;
    }
    .format p {
        font-size: 18px;
        transform: translateY(-12px);
    }
    .inspection .contents2 {
        margin: 0 auto 70px;
    }
    .inspection .contents3 {
        width: 85%;
        margin: 0 auto 40px;
    }
    .inspection .contents3 .large {
        margin-bottom: 20px;
    }
    .inspection .service_button a {
        max-width: 340px;
        padding: 15px 0;
        text-align: center;
    }
    .inspection .service_button a::after {
        right: 5px;
        transform: translateY(-40%);
    }
    /*3Dプリントサービス*/
    .\33 dprint  .t_h3 {
        width: 85%;
        margin: 0 auto 35px;
    }
    .\33 dprint  .contents1 , .\33 dprint  .contents2 {
        width: 85%;
    }
    .\33 dprint .evaluation > div {
        flex-direction: column;
    }
    .\33 dprint .contents1 .large {
        margin-bottom: 25px;
        font-size: 25px;
        line-height: 31.5px;
    }
    .\33 dprint .evaluation figure {
        text-align: center;
    }
    .\33 dprint .contents1 {
        margin: 0 auto 70px;
    }
    .\33 dprint .contents2 {
        margin: 0px auto 25px;
    }
    .\33 dprint .contents2 .over > div, .\33 dprint .contents2 .under > div {
        gap: 0px 30px;
        flex-wrap: wrap;
    }
    .\33 dprint .contents2 .material {
        width: 100%;
    }
    .\33 dprint .contents2 .material p:first-child {
        font-size: 18px;
    }
    .\33 dprint .contents2 .material p a {
        font-size: 16px;
    }
    .\33 dprint .contents3 {
        width: 100%;
    }
    .\33 dprint .contents3 .large {
        margin: 0 7.5% 25px;
    }
    .\33 dprint .contents3 .blue {
        margin: 0 7.5%;
    }
    .service_button a {
        text-align: center;
        width: 85%;
    }
	/*みたれぽ*/
.mitarepo .t_h3 {
        padding: 50px 0 0;
        margin: 0px auto 30px;
    }
    .mitarepo > div .mitarepo_catch_copy {
        font-size: 24px;
        line-height: 31px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .mitarepo > div .mitarepo_title {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .mitarepo > div .mitarepo_series {
        font-size: 15px;
        line-height: 21px;
    }
    .mitarepo > div {
        max-width: 85%;
        width: 85%;
        margin: 0 auto;
        gap: 30px;
        flex-direction: column-reverse;
    }
    .mitarepo > div .pdf {
        gap: 25px;
        justify-content: center;
    }
  .mitarepo > div > img {
       width: auto;
       max-width: 85%;
       height: 150px;
       display: block;
       margin: 0 auto;
    }
    .mitarepo .mitarepo_list .mitarepo_content {
        width: calc((100% - 30px)/2);
        text-align: center;
    }
    .mitarepo .mitarepo_list {
        flex-direction: unset;
        gap: 50px 30px;
    }
    .mitarepo .mitarepo_list .mitarepo_content .mitarepo_catch_copy {
        font-size: 18px;
        line-height: 26px;
        margin-top: 10px;
    }
    .mitarepo .mitarepo_list .mitarepo_content .mitarepo_title {
        font-size: 20px;
        line-height: 25px;
    }
    .mitarepo .mitarepo_list .mitarepo_content .mitarepo_recommend {
        font-size: 16px;
        line-height: 20px;
    }	
    .mitarepo .mitarepo_list .mitarepo_content .mitarepo_series {
        font-size: 14px;
        line-height: 17px;
    }
    .mitarepo .mitarepo_list .mitarepo_content .pdf {
        gap: 20px;
        font-size: 16px;
        line-height: 20px;
    }

	
}
@media screen and (max-width: 600px) {
    #breadcrumbs {
        margin: 100px 7.5% 0px;
    }
    #breadcrumbs span {
        font-size: 15px;
    }
    .philosoohy_content .normal, .philosoohy_content .large {
        text-align: left;
    }
    .mission ul {
        padding: 15px 0px;
    }
    table td {
        padding: 20px 20px 20px 0;
    }
    table td {
        font-size: 14px;
        line-height: 24px;
    }
    iframe {
        height: 170px;
    }
    .access_box .normal {
        font-size: 14px;
        margin-left: 26px;
    }
    .access_box .large img {
        width: 18px !important;
    } 
    .access_box .large {
        font-size: 18px;
        line-height: 28px;
    }
    .point .t_h4 {
        font-size: 16px;
        transform: unset;
        margin: 90px 0 25px calc(7.5% + 20px);
        padding: 15px 15px;
    }
    .img2 {
        width: 175px;
    }
    #visit .img2 {
        width: 175px;
    }
    .point_content {
        width: 100%;
        padding: 80px 0px 45px;
    }
    .worry {
        padding: 0px 15px 25px;
    }
    .t_h5 {
        font-size: 20px;
        line-height: 25px;
    }
    .point_content .t_h5 {
        transform: translateY(-15px);
    }
    .point_content .other {
        margin: 30px 0 25px 0px;
    }
    .point_content .other .large {
        font-size: 20px;
        line-height: 38px;
        margin-bottom: 15px;
    }
    .point_content .service_button a {
        width: 90%;
    }
    .school .contents2 li > img {
        width: 100%;
        height: auto;
        max-width: 250px;
    }
    .school .contents2 li a {
        font-size: 16px;
    }
    .school .contents2 li a:last-child {
        width: 100%;
        justify-content: center;
        max-width: 275px;
    }
    .school .contents3 .list {
        margin-left: auto;
    }
    .school .contents3 .blue {
        margin: 60px 0 40px;
        text-align: left;
    }
    .course_list {
        max-width: 285px;
        width: 100%;
    }
    .course_list:first-child {
        max-width: 285px;
        width: 100%;
    }
    .under_box > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }
    .under_box p:last-child {
        max-width: 290px;
        width: 100%;
        margin: 0 auto;
    }
    .under_box a {
        width: 100%;
        justify-content: center;
    }
    .service_box > div > div {
        width: 100%;
    }
    .remote .service_box > div > div {
        width: 100%;
    }
    .remote .contents2 .t_h3 {
        transform: translateY(-50px);
        margin: 0 auto;
        font-size: 18px;
    }
    .support_box > div > div {
        padding: 20px 20px;
    }
    .img_box img {
        width: 100%;
        height: auto;
    }
    .img_box {
        width: 100%;
        height: auto;
    }
    .support_box .application_link a {
        width: 100%;
        max-width: 290px;
    }
    .data_creation .service_button {
        margin-bottom: 50px;
        text-align: center;
    }
    .data_creation .service_button a {
        width: 85%;
        padding: 15px 0;
    }
    figure.full {
        text-align: center;
        margin-top: 30px;
        width: 100vw;
        margin-left: -7.5vw;
    }
    .\33 dprint .contents2 .material_box {
        gap: 0;
        flex-direction: column;
    }
    .\33 dprint .contents3 .flex > div {
        gap: 0px;
    }
    .\33 dprint .contents3 .format {
        width: 100%;
    }
    .\33 dprint .contents3 .format figure {
        margin-top: 0px;
    }
    .service_button a::after {
        right: 5px;
    }
    .guide {
        width: 230px;
        padding: 15px 0;
        gap: 10px;
        font-size: 16px;
    }
	.mitarepo .mitarepo_list .mitarepo_content {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .service_button a {
        padding: 15px 0px;
        font-size: 15px;
    }
    .service_button a::after {
        right: 5px;
    }
}
@media screen and (max-width: 380px) {
    .point_content .t_h5 {
        font-size: 18px;
        line-height: 25px;
    }
    .point_content .worry p:nth-child(2) {
        font-size: 14px;
        line-height: 24.5px;
    }
}
@media screen and (max-width: 375px) {
    .circle_box > div {
        gap: 30px 15px;
        margin-top: 50px;
        flex-wrap: wrap;
    }
    .circle_box .circle::before, .circle_box .circle::after {
        top: -33px;
        right: 35px;
    }
    .circle_box .circle::after {
        right: 45px;
    }
    .circle_box .circle:last-child::before {
        right: 60px;
    }
    .circle_box .circle:last-child::after {
        right: 70px;
    }
}
@media screen and (max-width: 365px) {
    .school .contents2 li a {
        width: 100%;
        justify-content: center;
        max-width: 275px;
    }
}
@media screen and (max-width: 335px) {
    .service_box > div > div {
        padding: 15px;
    }
    .service_box > div > div p {
        font-size: 16px;
    }
    .data_creation .service_button a:after {
        display: none;
    }
}