@charset "utf-8";

html {
	font-family: "Noto Sans JP", sans-serif;
	font-size:16px;
	line-height: 1.3;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
		scroll-behavior: smooth;
	
}

body {
	margin: 0;
	
}

.font-blue{color:#2b5ea9}
.font-orange{color:#ff7011}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
margin-top:0;
margin-bottom:0
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 0em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
    text-decoration:none;
}

a:active,
a:hover {
	outline-width: 0;
	filter:brightness(1.1);
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
	width:100%;box-sizing: border-box;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

.fadeIn {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.fadeIn.is-active {
	opacity: 1;
	transform: translateY(0);
}

.bback01{background-image:url(../img/bback01.png);background-size:100% auto;background-position:center;}
.bback{background-image:url(../img/bback.png);background-size:100% auto;background-position:center;}
.gback{background:#ebf1f3;}
.font-blue{color:#00348c;}



h1,h2,h3,h4{margin:0}
h1,h2,h3,h4,div,p,li,span,figure,a,header,footer,section,ul{box-sizing:border-box}
table{table-layout:fixed;border-collapse:collapse;}
ul{margin:0;padding:0}
ul li{list-style:none;}
p{margin:0}

header {background:#fff;width:100%;padding-left:3.2vw;padding-right:3.2vw;font-family: "Noto Sans JP", "Noto Sans", sans-serif;font-weight:bold;position:fixed;top:0;left:0;z-index:+10;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3);}
header > div{display:flex;justify-content:space-between;height:86px;width:100%;margin:0 auto;align-items:center;}
header > div figure{display:block;height:100%;width:auto;padding-top:18px;padding-bottom:18px}
header > div figure a img{height:100%;width:auto;}
header > div > div{display:flex;justify-content:space-between;height:100%;padding-top:18px;padding-bottom:18px;align-items:center;}
header > div > div a:nth-child(1){font-family: "M PLUS 1p", sans-serif;color:#000;font-weight:bold;font-size:23px;letter-spacing:0.05em;text-align:center;margin-right:2.5vw}
header > div > div a:nth-child(1) span{font-weight:500;font-size:18px;display:block;padding-left:1.5em}
header > div > div a:nth-child(1) img{height:0.8em;margin-right:10px}
header > div > div a:nth-child(2) ,header > div > div a:nth-child(3){display:flex;width:160px;height:100%;color:#fff;align-items:center;justify-content:center;border-radius:10px;letter-spacing:0.2em;} 
header > div > div a:nth-child(2) {background:#00acba;margin-right:1.7vw;}
header > div > div a:nth-child(3) {background:#00348c;}

header >div a:nth-child(2):hover div{filter:brightness(1.05)}

.kssection{width:calc(100% - 40px);margin:50px auto;max-width:1200px;}

.kv-area{width:100%;height:14vw;background-size:auto 100%;background-repeat:no-repeat;background-position:center;margin-bottom:100px;position:relative;margin-top:86px;margin-top:20px}
.kv-area .kvtitle-list-wrapper{font-family: "M PLUS 1p", sans-serif;font-weight:bold;letter-spacing:0.06em;line-height:1.1;position:relative;top:179px;top:9.3vw;top:12.3vw;top:9.3vw;left:10%;display:inline-block;width:46%}
.kv-area h1 span:nth-child(1){font-size:43px;font-size:2.1vw;color:#00348c;display:block;text-shadow:0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 3px #fff;margin-bottom:30px}
.kv-area h1 span:nth-child(2){font-size:80px;font-size:4.16vw;color:#000;}

.kv-h2-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:50px}
.kv-h2-wrapper li{width:49%;padding:10px;box-sizing:border-box;background:rgba(255,255,255,0.9);text-align:center;background-color: rgba(65, 115, 185, 0.8);font-family:"Noto Sans JP",  "M PLUS 1p", sans-serif;color:#fff;border-radius:10px}
.kv-h2-wrapper li img{width:1em;}
.kv-h2-wrapper li h2{font-size:1.1vw;}
.kv-h3-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;width:90%;margin:20px auto;margin-bottom:30px}
.kv-h3-wrapper li{width:32%;padding:10px;box-sizing:border-box;background:rgba(255,255,255,0.9);font-size:0.8vw;text-align:center;border:2px solid #3f71bc;margin-bottom:1em;font-family:"Noto Sans JP",  "M PLUS 1p", sans-serif;color:#3f71bc;border-radius:10px}

.paper-form table input.kv-grbtn,a.kv-grbtn{width:55%;margin-top:20px;display:block;color:#fff;font-size:20px;text-align:center;border-radius:10px;background: #2A7B9B;
background: linear-gradient(90deg, rgba(4, 68, 175, 1) 0%, rgba(0, 142, 185, 1) 50%, rgba(57, 226, 240, 1) 100%);padding-top:25px;padding-bottom:25px;font-weight:bold;
border-width:0px;display:block;
}


.paper-form{width:480px;height:660px;position:absolute;top:100px;right:10.4vw;/*background:#ececec;*/border-radius:20px;/*box-shadow:5px 5px 5px rgba(0,0,0,0.3);*/padding:20px 15px;text-align:center;}
.foot-form{height:680px}
.paper-form input[type="text"]{width:95%;}
.paper-form table input{padding:8px;box-sizing:border-box;}
.paper-form table td{padding-bottom:20px}
.paper-form table tr:nth-child(1) td{width:50%;}
.paper-form table tr:nth-child(1) td input{width:90%;}

.paper-form table{width:100%;margin-top:25px}
.paper-form  h2{font-size:24px;letter-spacing:0.08em;}
.paper-form  form > span{font-size:14px;color:#00348c;display:block;margin:20px auto;}
.paper-form select{width:95%;border:1px solid #555;border-radius:0;padding:8px;box-sizing:border-box;}
.paper-form input[type="checkbox"]{width:1em;height:1em;margin-right:10px;border:1px solid #000}
.checkcol td{padding-top:17px;padding-bottom:30px;font-size:14px}
.checkcol td b{font-size:16px}
.checkcol td small{font-size:14px;}
.checkcol td a{color:#5ebdc7;font-size:14px;letter-spacing:0.04em;padding-top:20px;display:inline-block;border-bottom:1px solid #5ebdc7;}

.paper-form table input.grbtn,a.grbtn{width:100%;margin-top:20px;display:block;color:#fff;font-size:20px;text-align:center;border-radius:10px;background: #2A7B9B;
background: linear-gradient(90deg, rgba(4, 68, 175, 1) 0%, rgba(0, 142, 185, 1) 50%, rgba(57, 226, 240, 1) 100%);padding-top:17px;padding-bottom:17px;font-weight:bold;
border-width:0px;display:block;
}
.flowbtn1,.flowbtn2{display:block;color:#fff;font-size:20px;text-align:center;border-radius:10px;padding-top:17px;padding-bottom:17px;font-weight:bold;border-width:0px;display:block;}
.flowbtn1{background:#00348c;}
.flowbtn2{background: #2A7B9B;
background: linear-gradient(90deg, rgba(4, 68, 175, 1) 0%, rgba(0, 142, 185, 1) 50%, rgba(57, 226, 240, 1) 100%);}
.flowbtn-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.flowbtn-wrapper a{width:49%}


.paper-form table input.grbtn:hover{filter:brightness(1.1);cursor:pointer;}




.inner{width:100%;padding:0px 25px;max-width:1300px;margin:0 auto;}
.follow .inner > p{text-align:center;}
.follow .inner > p span{position:relative;font-size:24px;font-weight:bold;margin:0 auto;}
.follow .inner > p span::before{content:"";display:block;width:3px; height:1.2em; transform:rotate(-45deg);background:#000;position:absolute;left:-1em;top:5px}
.follow .inner > p span::after{content:"";display:block;width:3px; height:1.2em; transform:rotate(45deg);background:#000;position:absolute;right:-1em;top:5px}
.follow ul{display:flex;position:relative;justify-content:space-between;margin-top:35px;margin:0 auto}
.follow ul:nth-of-type(1){max-width:768px;margin-top:50px;margin-bottom:20px}
.follow ul:nth-of-type(1) li{width:48%;text-align:center;background:#3f71bc;border-radius:20px;color:#fff;padding:20px;font-size:24px}
.follow ul:nth-of-type(2){max-width:1000px;padding:20px;}
.follow ul:nth-of-type(2) li{width:30%;text-align:center;border-radius:20px;color:#3f71bc;font-size:18px;display:flex;justify-content:center;align-items:center;}
.follow ul:nth-of-type(2) li a{border:3px solid #3f71bc;color:#3f71bc;display:flex;width:100%;height:100%;padding:20px;border-radius:20px;transition:0.3s;background:#fff;font-weight:bold;align-items:center;justify-content:center;}
.follow ul:nth-of-type(2) li:hover a{background:#3f71bc;color:#fff;}
.follow .inner > div{position:relative;height:100%;}
.follow .inner > div::after{content:"など";display:flex;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;background-color:#d8e9fa;position:absolute;top:2em;z-index:-1;border-radius:20px;padding:20px 20px;box-sizing:border-box;color:#3f71bc;font-weight:bold;}


.lpsection{margin-top:150px}

.lpsection .inner h2{text-align:center;font-size:40px;letter-spacing:0.08em;}
.lpsection .inner h2 small{display:block;margin:0 auto;font-family: "M PLUS 1p", sans-serif;font-size:24px;font-weight:800;color:#144da0;letter-spacing:0.02em;margin-bottom:5px}

.section02 ul{display:flex;width:100%;justify-content:space-around;margin-top:60px}
.section02 ul li{text-align:center;font-weight:500;font-size:24px;letter-spacing:0.08em;width:20%;font-size:1.25vw}
@media screen and (max-width:1500px){
.section02 ul li{font-size:1.5vw;}
}
@media screen and (max-width:1100px){
.section02 ul li{font-size:2.2vw;width:30%}

}
.section02 ul li img{margin-bottom:10px}
.section03{padding:100px 0 90px 0}
.section03 .triangle {
	display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
  border-top: 40px solid #ffffff;
  border-bottom: 0;
  position:absolute;
  left:0;right:0;top:-1px;margin:auto;
}
.section03 .inner{display:flex;justify-content:center;}
.section03 .inner figure{width:26.3%;}

.section03 .inner figure{display:flex;align-items:center;justify-content:center}
.section03 .inner figure img{width:100%;}
.section03 .inner h2{color:#fff;font-size:50px}
.section03 .inner h2 small{color:#fff;font-size:40px;display:inline}
.section03 .inner h2 span{color:#f5d350;font-weight:800}

.section04{margin-top:0;padding-top:110px;padding-bottom:120px}

.three-box{margin-top:70px;display:block;background:#fff;border-radius:5px;position:relative;overflow:hidden;padding:70px 50px 80px}
.three-box > div{width:53%;} 
.three-box figure{position:absolute;right:0;top:-5px;width:46%;height:100%;}
.three-box figure img{height:auto;width:100%;}
.three-box > div big{font-family: "M PLUS 1p", sans-serif;font-weight:bold;letter-spacing:0.02em;font-size:50px;font-weight:900;margin-right:0.3em;vertical-align:sub;}
.three-box > div h3{font-size:24px;letter-spacing:0.08em;}
.three-box > div h3 span.font-blue{border-bottom:1px solid #2b5ea9}
.three-box > div p{margin-top:30px;line-height:1.6}

.case-wrapper{display:flex;justify-content:space-between;margin-top:70px}
.case-wrapper .case-box{width:27.3%;padding-top:30px;margin-top:-30px}
.case-company{background:#2b5ea9;color:#fff;text-align:center;border-radius:10px;padding:20px;position:relative}
.case-company::after{content:"";	display:block;
    width: 0;
  height: 0;
  border-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 17px solid #2b5ea9;
  border-bottom: 0;
  position:absolute;
  left:0;right:0;bottom:-15px;margin:auto;}
.case-wrapper figure{width:55%;text-align:center;margin:45px auto;margin-bottom:20px}
.case-wrapper figure img{width:100%;}
.case-wrapper h3{letter-spacing:0.1em;font-size:1vw;line-height:1.2;margin-bottom:20px;text-align: center;}

@media screen and (max-width:1400px){
.case-wrapper h3{font-size:1.5vw}
}

.case-data{display:flex;justify-content:center;}
.case-data span{border-radius:30px;font-size:14px;text-align:center;letter-spacing:0.06em;font-weight:bold;color:#fff;background:#3f71bc;padding:7px 20px;width:47%;display:flex;align-items:center;justify-content:center;}

.case-box > p:nth-of-type(2){letter-spacing:0.02em;font-size:16px;line-height:1.6;margin-top:25px}
.case-box > p:nth-of-type(3){letter-spacing:0.02em;font-size:16px;line-height:1.6;margin-top:10px}
.case-box > p span{font-weight:bold;color:#3f71bc}

.section07{padding-top:70px;padding-bottom:60px}
.section07 .inner{display:flex;justify-content:space-between;align-items:center;}
.section07 .inner figure{text-align:center;font-size:40px; color:#fff;letter-spacing:0.06em;}
.section07 .inner figure span{font-size:50px;color:#f5d350;}
.section07 .inner div{width:48%;background:#f8f8f8;border-radius:20px;padding:90px 7%;text-align:center;}
.section07 .inner div .tocontactbtn{font-size:18px; font-weight:bold; color:#144da0;margin-top:20px; display:block;text-align:center;}
.section07 .inner div .tocontactbtn span{border-bottom:1px solid #144da0;}


.flow-wrapper{margin-top:70px}
.flow-box{background:#f8f8f8;border-radius:15px;position:relative;overflow:hidden;padding-left:15%;display:flex;justify-content:space-between;padding-top:45px;padding-bottom:25px;padding-right:6%;
width:90%;max-width:900px;margin:0 auto;
}
.flow-box .flow-num{background:#2b5ea9;position:absolute;left:0;top:0;height:100%;width:11%;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.flow-box .flow-num span{display:block;text-align:center;font-family: "M PLUS 1p", sans-serif;font-size:21px;font-weight:bold;letter-spacing:0.1em;line-height:1}
.flow-box .flow-num big{display:inline-block;width:100%;text-align:center;font-size:50px;letter-spacing:0.05em;font-weight:800;}
.flow-box h3{font-family: "M PLUS 1p", sans-serif;letter-spacing:0.08em;font-size:24px;font-weight:bold;margin-bottom:25px;color:#2b5ea9;}
.flow-box > div:nth-child(2){width:74%;}
.flow-box > div p{font-size:16px;letter-spacing:0.02em;line-height:1.6;}
.flow-box figure{width:17%;display:flex;justify-content:center;align-items:center;}
.flow-box figure img{width:100%}


.flow-triangle{text-align:center;margin:20px auto;}
.flow-triangle img{width:8.7%;}


@media screen and (max-width:960px){
.flowbtn-wrapper a.flowbtn1,.flowbtn-wrapper a.flowbtn2{width:90%;}
.flowbtn-wrapper a.flowbtn1{margin-bottom:20px}
}



.section08 h2{margin-bottom:70px}


.kv-pc{display:block;}
.kv-sp{display:none;}


.faq-accordion {/*width:100%;*/max-width:1200px;margin:0 auto;border:1px solid #aaa;margin-bottom:20px;border-radius:10px}

.faq-accordion .toggle {
	display: none;
}
.faq-accordion .Label {		/*タイトル*/
	padding: 1em;
	padding-left:30px;
	display: flex;
  align-items:center;
	color: #000;
	font-size:24px;
  padding-right:50px;
  box-sizing:border-box;
  font-weight:500;
  letter-spacing:0.08em;
}
.faq-accordion .Label span{color:#00acba;
}
.faq-accordion .Label:hover{cursor:pointer}
.faq-accordion .Label  span{font-size:30px;font-weight:500;margin-right:20px;font-family: "M PLUS 1p", sans-serif;}
.faq-accordion .Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 15px;
	height: 15px;
	position: absolute;
	top:calc( 50% - 5px );
	right: 40px;
	transform: rotate(45deg);
  display:block;
  transition:0.3s;
  border-right:3px solid #000;
  border-bottom:3px solid #000;
}

.faq-accordion .Label,
.faq-accordion .content {
  font-family: "M PLUS 1p", sans-serif;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;

 
}
.faq-accordion .content {		/*本文*/
	height: 0;
	margin-bottom:0px;
	padding:0 20px;
	overflow: hidden;
  display:flex;
  align-items:flex-start;
  font-size:16px;
  flex-wrap:wrap;

}
.faq-accordion .content ul,.faq-accordion .content ol{margin-left:1.5em;font-family:"Noto Sans JP",  "M PLUS 1p", sans-serif;}
.faq-accordion .content ul li,.faq-accordion .content ol li{list-style:disc;margin-bottom:0.5em}
.faq-accordion .content > p{margin:0;width:calc(100% - 4em);font-family:"Noto Sans JP",  "M PLUS 1p", sans-serif;}
.faq-accordion .content > span{font-weight:500;display:block;font-size:30px;margin-right:20px;color:#ff8d8d;font-family: "M PLUS 1p", sans-serif;}
.faq-accordion .toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:30px ;
	transition: all .3s;
  margin-bottom:0px;
  padding-top:0px;
  padding-left:30px;
  padding-right:50px

}
.faq-accordion .toggle:checked + .Label::before {
	transform: rotate(225deg) !important;
}
.faq-last-section{margin-bottom:140px;}
.faq-accordion .content big{color:#144da0;font-weight:bold;}

footer{text-align:center;background:#fff;color:#000;padding:40px 0px;box-sizing:border-box;font-size:16px;margin-top:100px;padding-bottom:50px;position:relative;}
footer h3{text-align:center;}
footer h3 span{position:relative;font-size:24px}
footer h3 span::before{content:"";display:block;width:3px; height:1.2em; transform:rotate(-45deg);background:#000;position:absolute;left:-1em;top:5px}
footer h3 span::after{content:"";display:block;width:3px; height:1.2em; transform:rotate(45deg);background:#000;position:absolute;right:-1em;top:5px}


footer > div{text-align:center;}
footer > div > figure{text-align:center;width:100%;padding:50px 0}
footer > div > figure img{width:80%;max-width:277px;}
.foot-btn-wrapper{display:flex;justify-content:center;align-items:center;}
.foot-btn-wrapper a{display:flex;flex-wrap:wrap;justify-content:center;width:36%;font-size:30px;font-weight:bold;color:#fff;height:120px;margin-left:4%;margin-right:4%;border-radius:20px;font-family: "M PLUS 1p", sans-serif;align-items:center;}
.foot-btn-wrapper a figure{width:0.8em;margin-right:0.5em}
.foot-btn-wrapper a figure img{width:100%;}
.foot-btn-wrapper a:nth-child(1){background:#00348c;box-shadow:0px 10px 0px #1b224c;}
.foot-btn-wrapper a:nth-child(2){background:#00acba;box-shadow:0px 10px 0px #04828c;}
.foot-btn-wrapper a > div span{font-size:20px;letter-spacing:0.04em;display:block;}
.foot-btn-wrapper a > div > div{display:flex}
.copyright{text-align:center;color:#fff;background:#1b224c;padding:18px;position:absolute;bottom:0px;left:0;width:100%;font-size:14px;letter-spacing:0.01em}

.section6{margin:100px auto;margin-top:100px;}

#formWrap input[type="reset"],
#formWrap input[type="button"]
{padding:10px 40px;font-size:16px;color:#fff;font-weight:bold;background:#767676;border-radius:30px;border:0px solid #aaa;}

.linktarget{margin-top:-50px;padding-top:50px;display:block;}


.section09{padding-top:75px;padding-bottom:172px}
.section09 > h2{text-align:center;width:100%;font-size:50px; color:#fff;font-weight:bold;letter-spacing:0.05em;text-align:center;}
.section09 > h2 span{border-bottom:2px solid #fff;padding-left:20px;padding-right:20px;padding-bottom:10px;}
.section09 .paper-form {top:150px;border-radius:10px;box-shadow:none;}
.section09 .inner > div:nth-child(1){margin-top:85px;width:53%;}
.section09 .paper-form h2{color:#fff;}
.section09 .paper-form > span{color:#fff;}
.section09 .inner > div > h3{color:#fff;font-size:45px;letter-spacing:0.05em;font-weight:500;text-align:center;}
.section09 .inner > div figure{width:87%;text-align:center;margin:50px auto;}
.section09 .inner > div figure img{width:100%}
.section09 .inner > div .osusume{background:#fff;padding:27px 32px;border-radius:10px;padding-bottom:20px}
.section09 .inner > div .osusume span{display:block;width:100%;letter-spacing:0.02em;margin-bottom:10px}
.section09 .inner > div .osusume span img{width:1em;vertical-align:sub;margin-right:10px;}
.section09 .inner > div .osusume h4{text-align:center;font-size:24px;color:#2b5ea9;margin-bottom:20px}
.section09 .paper-form h2{font-size:24px;letter-spacing:0.08em}
br.brsp{display:none;}

.bottom-menu{display:none;}

.footer-link-area{margin-top:90px;position:relative;width:100%;padding:30px;background:#fff;}
.footer-link-area::before{content:"";top:0;left:0;position:absolute;height:3px;    background: #2A7B9B;width:100%;
    background: linear-gradient(90deg, rgba(4, 68, 175, 1) 0%, rgba(0, 142, 185, 1) 50%, rgba(57, 226, 240, 1) 100%);display:block}
.footer-link-wrapper a{display:flex;width:40%;margin-left:2%;margin-right:2%;max-width:450px;color:#000;align-items:center;text-align:left;font-weight:bold;}
.footer-link-wrapper {display:flex;justify-content:center;}
.footer-link-wrapper a img{width:50%;margin-top:10px;border-radius:10px;margin-left:10px;}


@media screen and (max-width:1450px){
.section09 .inner > div > h3{font-size:35px}
.section09 .foot-form{right:6.7vw}
.paper-form{right:5vw;}
.paper-form{right:4vw;}
}
@media screen and (max-width:1350px){
	.section09 .foot-form{right:2vw}


.three-box figure img{height:100%;width:auto;}
.three-box > div big{display:block;}
.section09 .inner > div:nth-child(1){width:45%}
.section09 .inner > div > h3{font-size:30px;}
.section09 .paper-form{top:20vw}
}
@media screen and (max-width:1250px){
.kv-area {height: 850px;background-size: 130%;}
.kv-area .kvtitle-list-wrapper{left:3vw;margin-top: 40px;}
.paper-form{right:3vw;}
.section04-1 .inner h2 {color: #fff;font-size: 45px!important;}
.section07 .inner div {width: 53%;}
.paper-form table input.kv-grbtn, a.kv-grbtn {width: 90%;}
.kv-h2-wrapper li h2 {font-size: 1.5vw;}
.kv-h3-wrapper li {font-size: 1.25vw;}
.section09 {padding-top: 75px;padding-bottom: 180px;}
}


@media screen and (max-width:1000px){
	a.tellink {display: none;}
	.section09 > h2{font-size:35px}
.kv-area{height:auto;background-size:auto 100%;background-position:bottom}

.kv-area h1 span:nth-child(1){font-size:3vw}
.kv-area h1 span:nth-child(2){font-size:6vw}
.kv-area .kvtitle-list-wrapper {top:auto;left:auto;padding-top:40px;margin:0px auto;width:100%;max-width:768px;display:block;text-align:center;padding-left:20px;padding-right:20px;}
.kv-h2-wrapper li h2{font-size:2vw}
.kv-h3-wrapper li h3{font-size:1.6vw}
.paper-form.head-form{display:block;left:0;right:0;margin:auto;position:relative;}
.paper-form{top:0;padding:20px 15px;height:auto;width:100%;max-width:450px}
.section03 .inner h2 {font-size: 40px;}
.section04-1 .inner h2 small {font-size: 35px!important;}
.section04-1 .inner h2 {font-size: 35px!important;}
.strategy.fadeIn.is-active p {font-size: 20px;}
.section07 .inner figure span {font-size: 40px;}
.section07 .inner div {width: 55%;padding: 70px 7%;}
.flow-box .flow-num {width: 13%;}
.paper-form table input.grbtn, a.grbtn {font-size: 18px;}
section.fadeIn.lpsection.section07.bback01.is-active h2 {font-size: 30px;}
.section09 .inner > div:nth-child(1){width:100%;}
.section09 .foot-form{top:0;position:relative;margin:0 auto;right:initial;width:100%;max-width:550px}
.section09 .inner > div figure{max-width:550px}
.section09 .inner > div .osusume{max-width:550px;margin:20px auto;}
.foot-btn-wrapper{flex-wrap:wrap}
.foot-btn-wrapper a{width:42%;}
}

@media screen and (max-width: 820px){
	    .kv-area .kvtitle-list-wrapper {
        padding-top: 120px;
    }
}

@media screen and (max-width:768px){
	.kv-area  {margin-bottom: 30px;}
	.kv-area .kvtitle-list-wrapper {padding-top: 30px;}
.kv-area{text-align:center;height:auto;margin-top:0;background-image: none!important;}
.tellink{display:none;}
.paper-form.head-form{position:relative;top:0vw;margin-top:40px}
header{position:relative}
header > div{height:60px;}
header > div > div{padding-top:10px;padding-bottom:10px;width:70%;}
.kv-area h1{top:0px;margin:0 auto;margin-top:20px;text-align:center;right:initial;left:initial;}

.paper-form table input.kv-grbtn, a.kv-grbtn {width: 95%;font-size: 17px;}

.follow{margin-bottom:100px}
.follow ul{justify-content:center;}
.follow ul li{width:26%;margin-left:3.5%;margin-right:3.5%;margin-bottom:0px}
.follow .inner > p span{font-size:18px;}
.lpsection .inner h2{font-size:30px}
.section02 ul{flex-wrap:wrap;}
.section02 ul li{width:80%;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-bottom:20px;}
.section02 ul li p{width:80%;padding-left:20px;text-align:left}
.section02 ul li figure{width:20%;display:flex;align-items:center;}
.section02 ul li figure img{width:100%;margin-bottom:0}
.section03 .inner{flex-wrap:wrap;justify-content:center;}
.section03 .inner figure{width:100%;text-align:center;}
.section03 .inner figure img{width:80%;margin-top:20px;max-width:338px;vertical-align:baseline;}
.three-box .font-blue{display:inline-block}
.three-box h3{line-height:1.5}
.case-wrapper{flex-wrap:wrap;}
.case-wrapper  > div.case-box{width:100%;overflow:hidden;margin-bottom:40px}
.case-company{width:auto;max-width:250px;padding:10px}
.case-wrapper figure{width:40%;float:left;margin-right:15px;margin-top:25px;}
.case-wrapper h3{font-size:20px;margin-top:20px;text-align:left;padding-top:0.5em;}

.case-data{flex-wrap:wrap;margin-bottom:0}
.case-data span{min-width:170px;width:60%;margin-bottom:10px;}
.lpsection{margin-top:50px}
.section04{margin-top:0;padding-bottom:50px}
.section02 ul li{font-size:20px}
.kv-area h1 span:nth-child(1){font-size:5vw}
.kv-area h1 span:nth-child(2){font-size:8vw}
header > div > div a:nth-child(2) ,header > div > div a:nth-child(3){width:130px;font-size:14px;letter-spacing:0.1em;width:50%} 
.section03 .inner h2 small{font-size:22px}
.three-box > div big.font-blue{font-size:40px}
.section07 .inner{display:block;}
.section07 .inner figure{width:100%;max-width:768px;margin:0 auto;}
.section07 .inner div{width:100%;max-width:450px;margin:0 auto;margin-top:30px;padding:30px 5%}
.flow-box{flex-wrap:wrap;padding-left:6%}
.flow-box  div.flow-num{width:100%;height:45px;}
.flow-box .flow-num big{display:inline;font-size:35px}
.flow-box > div:nth-child(2){padding-top:1em;width:75%;}
.flow-box figure{width:20%;display:flex;align-items:center;justify-content:center;padding-top:20px}
.flow-box figure img{width:90%;height:auto;}
.flow-box > div p{font-size:14px}
.flow-box h3{font-size:20px;margin-bottom:15px}
.section07 .inner figure span{font-size:40px}
.section09 > h2{font-size:25px}
.section09 .inner > div:nth-child(1){width:100%;}
.section09 .inner > div > h3{font-size:23px;}
footer h3 span::before,footer h3 span::after{display:none;}
br.brsp{display:block;}
.foot-btn-wrapper{flex-wrap:wrap}
.foot-btn-wrapper a{width:100%;min-width:200px;margin-bottom:20px;font-size:25px}
footer{padding-bottom:150px;margin-top:50px}
.copyright{bottom:70px}
.follow .inner > p span::before,
.follow .inner > p span::after{display:none;}
.paper-form table input.grbtn, a.grbtn{font-size:18px}
.flow-wrapper{margin-top:40px}
.faq-accordion .Label::before{right:10px}
.faq-accordion .Label{padding-left:15px}
.lpsection .inner h2{margin-bottom:40px}
.paper-form{height:auto;}
.three-box{padding-left:30px;padding-right:30px}
.foot-btn-wrapper a{height:100px}
.bottom-menu{display:flex;position:fixed;width:100%;bottom:0;left:0;height:70px;background:#fff;padding:10px;justify-content:space-around;align-items:center;font-weight:bold}
.bottom-menu div{width:48%}
.bottom-menu div a{width:100%;padding:20px;text-align:center;display:block;color:#fff;border-radius:10px;}
.bottom-menu div:nth-child(1) a{    background: linear-gradient(90deg, rgba(4, 68, 175, 1) 0%, rgba(0, 142, 185, 1) 50%, rgba(57, 226, 240, 1) 100%);}
.bottom-menu div:nth-child(2) a{background:#00348c}





}
@media screen and (max-width:650px){
	.three-box{padding-bottom:0;padding-top:40px}
.three-box figure{position: relative;
        width: 170%;
        top: 0;
        line-height: 1;
        left: -45%;
        height: 250px;}
		.three-box figure img{width:100%;height:auto;}
.three-box > div{width:100%;margin-bottom:40px}
    .three-box > div big.font-blue {display: block;}
	.lpsection .inner h2{font-size:25px}
	.section02 ul li{width:95%;font-size:18px}
	.case-box > p:nth-of-type(2){clear:both}
	.case-data span{font-size:12px}
	.foot-btn-wrapper a{width:100%;min-width:200px;margin-bottom:20px;margin-left:0;margin-right:0}

.kv-h2-wrapper li h2{font-size:3.8vw}
.kv-h3-wrapper li h3{font-size:2.4vw}

.follow ul:nth-of-type(2){flex-wrap:wrap}
.follow ul:nth-of-type(2) li{width:100%;margin-bottom:15px;font-size:16px}
.follow ul:nth-of-type(2) li a{width:100%;padding:10px}
.footer-link-wrapper{flex-wrap:wrap}
.footer-link-wrapper a{width:100%;flex-wrap:wrap;text-align:center;justify-content:center;margin-bottom:20px}
.footer-link-wrapper a img{width:100%;max-width:330px}

}




@media screen and (max-width:1000px) {
table.formTable th{width:40%;font-size:16px;}
table.formTable td input,textarea,select{font-size:16px}
}

@media screen and (max-width:768px) {
table.formTable th,table.formTable td{display:block;width:100%;}
table.formTable th{border-right:0}
table.formTable td{padding-left:0}
table.formTable tr{display:block;border-bottom:1px solid #e8e8e8;margin-bottom:20px;padding-bottom:20px;}

}
@media screen and (max-width:1200px){

.tadaima-btn{margin-top:7vw;font-size:33px;max-width:700px;width:80%;padding:20px;}
.campaignbtn{margin-top:-2vw}
.campaignnow{font-size:25px;padding-top:10px;width:470px;top:-50px}


}
@media screen and (max-width:768px){
.campaignnow{font-size:3vw;width:70%;top:-6vw;padding-top:1vw}
.tadaima-btn{font-size:3.5vw;padding:10px 20px}
.area-wrapper > div:nth-child(2) a{font-size:3vw;width:60%;min-width:300px;margin:0 auto;}
.faq-accordion .Label{font-size:3vw}
.faq-accordion .toggle + .Label + .content{font-size:2.5vw}
.faq-accordion .toggle:checked + .Label + .content{font-size:2.5vw}
}


/* 20250807 栗原追記(後々消す) */
.sample_img {
	    padding-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.inner_ {
	text-align: center;
    width: 100%;
    padding: 0px 25px;
    max-width: 1300px;
    margin: 0 auto;
}

.follow .inner_ > p span {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
}

.follow .inner_ > p span::before {
    content: "";
    display: block;
    width: 3px;
    height: 1.2em;
    transform: rotate(-45deg);
    background: #000;
    position: absolute;
    left: -1em;
    top: 5px;
}

.follow .inner_ > p span::after {
    content: "";
    display: block;
    width: 3px;
    height: 1.2em;
    transform: rotate(45deg);
    background: #000;
    position: absolute;
    right: -1em;
    top: 5px;
}

.section04-1{padding:100px 0 90px 0}
.section04-1 .triangle {
	display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
  border-top: 40px solid #ffffff;
  border-bottom: 0;
  position:absolute;
  left:0;right:0;top:-1px;margin:auto;
}
.section04-1 .inner{display:flex;justify-content:center;}
.section04-1 .inner figure{width:26.3%;}

.section04-1 .inner figure{display:flex;align-items:center;justify-content:center}
.section04-1 .inner figure img{width:100%;}
.section04-1 .inner h2{color:#fff;font-size:50px}
.section04-1 .inner h2 small{color:#fff;font-size:40px;display:inline}
.section04-1 .inner h2 span{color:#f5d350;font-weight:800}

section.fadeIn.section04-1.bback01.is-active {
    text-align: center;
}

.sec04-1_txt {
    width:100%;
	max-width:1000px;
	margin:0 auto;
    padding-top: 30px;
	display:flex;
	justify-content:space-between;;

}
.sec04-1_txt div{width:45%;display:flex;align-items:center;font-weight:bold;line-height:1.6}
.sec04-1_txt figure{width:45%;}
.sec04-1_txt figure img{width:100%;}


.section04-2{background:#e2f2ff;padding-top:50px;padding-bottom:80px}

.bbox-title{font-size:24px;color:#fff;background-color:#3f71bc;max-width:768px;margin:30px auto;margin-top:80px;text-align:center;padding:15px;box-sizing:border-box;}
.bbox-subtitle{font-size:27px;text-align:center;}
.service-title{font-size:180%;}

.strategy{width:100%;background:#fff;text-align:center;font-size:140%;padding:30px;margin-top:20px;}
.strategy .strimg{width:70%;max-width:484px;min-width:300px;margin-bottom:30px}
.researchcase-wrapper{width:100%;max-width:1000px;margin:20px auto;}
.researchcase-box{position:relative;padding:20px;padding-left:2.5em;box-sizing:border-box;border-bottom:1px  solid #2b5ea9;line-height:1.6;background:#fff;}
.researchcase-box h4{position:relative;font-size:130%;color:#2b5ea9;margin-bottom:5px;display:flex;align-items:center;}
.researchcase-wrapper .researchcase-box:last-child{border-bottom:0px solid #fff;}
.researchcase-box h4::before{content:"";border-right-width:5px;border-bottom-width:5px;display:block;position:absolute;left:-1.2em;width:0.5em;height:0.5em;transform:rotate(-45deg);border-color:#00348c;border-style:solid;border-left-width:0px;border-top-width:0px}

.petern-wrapper{width:100%;max-width:1200px;margin:50px auto;display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:80px}
.petern-wrapper div{width:46%;text-align:center;border-radius:10px;padding:20px}
.petern-wrapper div:nth-child(1){background-color:#efefef;border:1px solid #aaa;}
.petern-wrapper div:nth-child(3){background-color:#cbe3f7;border:1px solid #7af;color:#2b5ea9}
.petern-wrapper div h3{display:inline-block;padding:10px 20px;border-radius:20px;background:#fff;}
.petern-wrapper div figure{width:85px;margin:20px auto;}
.petern-wrapper div figure img{width:100%}

.service-lead{width:95%;margin:40px auto;line-height:1.6;max-width:768px}
.service-title2{width:100%;text-align:center;font-size:120%;padding-left: 15px;padding-right: 15px;}

.petern-wrapper div .price{font-weight:bold;font-size:20px;}
.petern-wrapper div ul{display:flex;width:100%;max-width:400px;margin:0 auto;margin-top:20px;flex-wrap:wrap}
.petern-wrapper div li{width:50%;padding-left:1.5em;box-sizing:border-box;position:relative;display:flex;align-items:center;font-size:14px;margin-bottom:10px}
.petern-wrapper div li::before{width:1em;height:1em;background:#2b5ea9;display:block;content:"";border-radius:50%;position:absolute;left:0;top:0;bottom:0;margin:auto;}

.petern-wrapper > span{width:7%;display:flex;align-items:center;justify-content:center;}

.petern-wrapper > span::before{
content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #2281b3;
  border-right: 0;
}

.service-img{width:95%;max-width:1200px;margin:20px auto;}
.service-img img{width:100%}

.reason-box{width:100%;max-width:1100px;border-radius:20px;margin:0 auto;margin-bottom:30px;background:#fff;padding:20px;padding-bottom:40px;position:relative;display:flex;align-items:center;justify-content:space-between;}

.reason-title{font-size:16px;font-weight:bold;color:#2b5ea9;display:flex;align-items:center;font-family: "M PLUS 1p", sans-serif;}
.reason-title span{font-size:70px;margin-right:10px}
.reason-title small{font-size:18px}
.reason-txt{padding-left:40px;}
.reason-txt h3{font-size:30px;margin-bottom:20px;}

.reason-box > figure{width:20%;margin-right:5%;max-width:170px}
.reason-box > figure img{width:100%;}
.reason-box > div{width:70%}


.dekirukoto2-wrapper{padding:50px;background:#fff;border-radius:30px;width:90%;max-width:91vw;margin:50px auto;margin-bottom:0}
.dekirukoto2-wrapper ul{margin-left:1.5em;}
.dekirukoto2-wrapper ul li{list-style:square;font-size:1.3vw;margin-bottom:20px}
.dekirukoto2-wrapper ul li:last-child{margin-bottom:0}
.dekirukoto2-wrapper ul li span{font-weight:bold;color:#2b5ea9;}

@media screen and (max-width:1600px){
.dekirukoto2-wrapper ul li{font-size:1.7vw}
}

@media screen and (max-width:768px){
.dekirukoto2-wrapper{padding:30px;}
.dekirukoto2-wrapper ul li{font-size:16px}
.dekirukoto2-wrapper ul li span{display:block}
.petern-wrapper{width:90%;max-width:500px;margin:20px auto;}
.petern-wrapper div:nth-child(1),.petern-wrapper div:nth-child(3){width:100%;}
.petern-wrapper > span{width:100%;padding:10px}
.petern-wrapper > span::before{transform:rotate(90deg)}
.reason-box{flex-wrap:wrap;width:90%;max-width:500px}
.reason-box > div{width:100%}
.reason-box > figure{margin:0 auto;width:100%;margin-top:20px}
.service-lead{max-width:500px;width:90%}
.sec04-1_txt{flex-wrap:wrap;width:90%;max-width:500px;}
.sec04-1_txt div{width:100%;margin-bottom:20px;}
.sec04-1_txt figure{width:100%;margin:0 auto;max-width:500px}
.section04-2{padding-top:30px;padding-bottom:50px;}
.bbox-title{margin-top:30px}
.strategy .strimg {min-width: 270px;}
.section09 .inner > div .osusume h4{font-size:21px}
}
@media screen and (max-width:650px){
.follow ul:nth-of-type(1) li{font-size:20px}
.section03{padding:70px 0 45px 0}
.section04{padding-top: 30px;}
.section04-1{padding:50px 0 45px 0}
.section04-1 .inner h2 {font-size:25px}
.section04-1 .inner h2 small{font-size:20px}
.section09,.section07 {
    padding-top: 35px;
    padding-bottom: 30px;}
.section09 .inner > div:nth-child(1){margin-top:25px}
.section09 .inner > div figure{margin:25px auto;}
.paper-form form > span{font-size:12px}
.section07 .inner figure span{font-size:30px}
.flowbtn1, .flowbtn2{font-size:16px;padding-top:12px;padding-bottom:12px;}
.section09 .inner > div .osusume{padding:27px 16px}
.smpForm{width:100%!important;}
.foot-form{padding:20px 7px}
}

.ss_contents .ss_field{display:flex;justify-content:space-between;align-items:center;}
.ss_contents .ss_grid{width:65%;padding-top:5px}
.ss_contents .ss_form_title{width:33%}

.ss_contents .ss_grid input{box-sizing:border-box}
.ss_contents .ss_grid input[type="email"]{width:95%!important;box-sizing:border-box}
.ss_contents .ss_rightComment{display:block;font-size:10px}
.ss_contents .ss_grid .ss_input:nth-of-type(2) .ss_rightComment{display:none}
.ss_visitor_form fieldset:nth-child(8) .ss_form_title{width:50%;}
.ss_visitor_form fieldset:nth-child(8) .ss_grid{width:47%;}
.ss_contents .ss_btnArea{margin-top:10px}