/*reset*/
*,*::before,*::after{box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior: smooth;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
ul[role='list'],ol[role='list']{list-style:none}
body{min-height:100vh;line-height:1.5}
h1,h2,h3,h4,button,input,label{line-height:1.1}
h1,h2,h3,h4{text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
img,picture, video, canvas, svg {max-width:100%;display:block}
input,button,textarea,select{font:inherit}
textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}


* { margin: 0;}
body {-webkit-font-smoothing: antialiased; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:100%;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
#root, #__next {isolation: isolate;}
section {clear: both; line-height: 1.6em}

/**/
.wrap {width:1200px;margin: 0 auto;}
.wrap2 {width:1000px;margin: 0 auto;}
a.bt01 { background: #003972; border-radius :30px; color: #fff; display:inline-block;text-decoration: none; padding:5px;width:160px;text-align: center}
a.bt02 {background:#c0c0c0;border-radius :30px; color: #fff; display:inline-block;text-decoration: none; padding:5px;width:160px;text-align: center}
a.bt03 {background: #003972;
border-radius :30px; color: #fff; display:block;text-decoration: none; padding:5px;width:160px;text-align: center;margin: 0 auto 15px; font-size:0.9em}
a.bt03::before { content:url(img/ic-webpage.png); margin-right: 8px;}


.clear { clear: both!important}
.fMinchou {font-family:"BIZ UDMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"}
.fontL {font-size:1.5em;line-height:1.6em;letter-spacing: 0.1em}
.fontM {font-size:1.2em;line-height:1.6em}
.fontS {font-size:0.8em;line-height:1.6em}
.kadoR10 {border-radius: 10px;}
.box3 {float: left; width: 30%; margin: 1.5%;}
.box3 h3 { padding:20px 15px;}
.box3 p {padding:0 15px 15px}
.box2 {float: left; width: 50%;}
.box60 {width: 55%;}
.shadow10 {	box-shadow:  0 0 10px 0px rgba(0, 0, 0, 0.3)}
.kadoR10topLR {border-top-left-radius: 10px;border-top-right-radius: 10px;}
.fcB {color:#3297ff}
.fcG {color:#027d44}
.fcB2 {color:#0049a5}
.bgW {background:#fff;}
.mbL {margin-bottom:50px}
.mbS {margin-bottom:15px}
.mrS {margin-right:15px}
.mgL {margin-left: 35px}
.mgR {margin-right: 35px}
.mark {background: #f4ff48!important;}
.mark2 {color: #0068b7; border-bottom: solid 8px #f4ff48 ;display: inline-block;}
.kakomi {border-radius:20px;background: #fafafa url("img/kakomi.jpg") no-repeat left top;overflow: auto;box-shadow:  0 0 10px 0px rgba(0, 0, 0, 0.3);}
.kakomi .textA {color:#fff; background: #0062ad url("img/kakomiA.png") no-repeat center bottom;; text-align: center; padding: 25px 20px 50px;margin: 0; font-size:1.7em; line-height: 1.5em;}
.kakomi ul {list-style: none;float: left; padding-top: 30px; width:60%; font-size:1.3em; line-height: 1.5em}
.kakomi ul li{background:url(img/kakomiIc.png) no-repeat left 7px; margin-right: 8px; padding: 0 0 0 25px; margin-bottom:30px; }
.kakomi img {margin-top: 30px; margin-bottom: 30px;}
.kakomi table {margin-bottom: 30px;width:95%; margin: 0 auto 30px}
.kakomi table th {background: #bccae5; text-align: center; border-radius: 15px;margin:0 1% 15px 0; display: block; float:left; width:15%;padding: 8px 15px;}
.kakomi table td {background: #eaeaea; border-radius: 15px; padding: 8px 15px;margin-bottom:15px;display: block; width:84%;float:left;}
.flL {float: left}
.flR {float: right}
.textC {text-align: center;margin-left:auto; margin-right: auto}
.onMp, .on{display: none;}

@media (max-width: 1024px) {
.wrap {width:96%;margin: 0 2%;}
.wrap2 {width:96%;margin: 0 2%;}
#topics h3 {font-size:1.2em ;}
#topics p {margin-bottom:10px;padding:0 15px; clear: both;}
.mgL {margin-left: 15px}
.mgR {margin-right: 15px}
.kakomi ul {list-style: none;float: left; padding-top: 30px; width:60%; font-size:1.3em; line-height: 1.5em;float: left;}
	.kakomi img {width:35%; float:left;}
.box60 {width: 60%;}
.box60 img {width: 90%;}
}

@media (max-width: 820px) {
#topics h3 {font-size:14px;padding:15px 10px 0;}
#topics p {font-size:14px;padding:0px 10px 0;}
#topics p.fontS {font-size:12px}
}
@media (max-width: 430px) {
.onMp{display: inherit;}
.box2 {float: inherit; width: 100%;}
.box3 {float: inherit; width: 100%; margin: 0 0 10px 0; padding:0 0 1px 0}
	#topics .box3 img {width:35%; float: left;margin:0 10px 10px 0}
	.kadoR10topLR {border-top-left-radius: 10px;border-top-right-radius:0;}
	#topics h3 {font-size:1.3em}
	#topics p {margin-bottom:10px;padding:0 15px; clear: both;}
.mbL {margin-bottom:30px}
.mgL {margin-left: 0px}
.mgR {margin-right: 0px}
.kakomi .textA {padding: 25px 20px 50px;margin: 0; font-size:1.3em; line-height: 1.5em;}
.mrS {margin-right:0px}
.kakomi ul {list-style: none;float:inherit; padding-top: 30px; width:100%; font-size:1.3em; line-height: 1.5em;float: left;}
#menu .kakomi img,#menu01 .kakomi img {width:92%; float:inherit;margin: 0 4% 20px;}
.box60 {width: 100%;}
.box60 img {width: 100%;}
}


/*header*/
header {position: sticky;top: 0;height: 90px;background: #fff;padding-inline: 15px 20px;align-content: center;z-index: 80;}
header #logo img {float: left; width: 16%; padding: 1%}
header nav {padding-top: 5px}
header ul li{ float: right; list-style: none; }
header ul li:nth-child(odd){ margin-left:5px;}

@media (max-width: 1366px) {
header #logo img {float: left; width: 16%; padding: 1%}
}

@media (max-width: 1024px) {
header {height:60px}
header #logo img { width: 20%;}
header nav {padding: 1%}
}

@media (max-width: 430px) {
header {height:45px;padding-inline: 15px 5px;}
header #logo img { width: 40%;padding: 1% 0}
header nav {font-size:12px}
header a.bt01 {width:110px;}
a.bt02 {width:90px;}
}
@media (max-width: 375px) {
header #logo img { width: 35%;}
a.bt02 {width:80px;}
}


/*mainImg*/
#mainImg {background: url("img/main.jpg") no-repeat center 0 / cover;width: 100%;padding-top: 50%; position: relative; z-index: 1;margin-bottom: 50px;}
#mainImg h2 {writing-mode: vertical-rl;  margin-left: auto; margin-right: auto;
color: #fff;text-shadow: #5d99b0 1px 0 10px; position: absolute; top:8%; left:45.5%; font-weight: normal;font-size:1.8em;letter-spacing: 0.4em;line-height: 1.6em;}
#mainImg h2 strong {font-size:1.4em; font-weight: normal}

@media (max-width: 1024px) {
#mainImg h2 {position: absolute; top:8%; left:45%; font-size:1.6em;letter-spacing: 0.4em;line-height: 1.6em;}
#mainImg h2 strong {font-size:1.3em;}
}
@media (max-width: 820px) {
#mainImg h2 {position: absolute; top:8%; left:45%; font-size:1.3em;letter-spacing: 0.3em;line-height: 1.3em;}
}
@media (max-width: 430px) {
#mainImg {margin-bottom: 20px;}
#mainImg h2 {position: absolute; top:8%; left:45%; font-size:0.6em;letter-spacing: 0.3em;line-height: 1.3em;}
}

/*omoi*/
#omoi {background:url("img/omoiBg.jpg"); padding:0 0 70px; overflow: auto;letter-spacing: 0.15em}
#omoi .wrap {background: url("img/omoi01.png") no-repeat right top; overflow: auto; padding: 120px 0 0}
#omoi h2 {font-size:1.8em; padding: 50px 0 30px;}
#omoi .boxBl {background: #d5e6f0 url("img/omoi02.jpg") no-repeat right bottom; clear: both;border-radius: 10px;padding: 30px;overflow: auto;}
#omoi .boxBl img {float: left;width: 30%; margin-right: 30px}
#omoi h4 {padding:10px 20px 0;margin-bottom:20px;font-size:1.2em; }
.grad-wrap {font-family:"BIZ UDMincho",
 "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
.grad-wrap .bgW {padding:40px 30px 30px;font-size:0.8em;}
.grad-wrap .bgW h3 {font-size:1.4em; font-weight: bold;margin-bottom: 20px}
.grad-btn {color:#fff; background: #010158; border-radius: 30px;width: 150px; padding: 10px; text-align: center;}
.grad-btn::before { content: url("img/icA.gif") "　続きを読む";}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 100px; /*隠した状態の高さ*/
}
.grad-wrap span { display:block; text-align: center; margin: 0 auto;}
.grad-item::before {  display: block;  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 50px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";}
.grad-trigger { display: none;}
.grad-trigger:checked ~ span .grad-btn::before {content:url("img/icA2.gif") "　閉じる"}
.grad-trigger:checked ~ .grad-item {  height: auto; /*チェックされていたら、高さを戻す*/}
.grad-trigger:checked ~ .grad-item::before {  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/}

@media (max-width: 1024px) {
#omoi .wrap {background: url("img/omoi01b.png") top right no-repeat;padding: 120px 0 0}
#omoi h1, #omoi h2,#omoi .text {margin-left:20px}
#omoi .boxBl {background:#d5e6f0 url("img/omoi02b.jpg") no-repeat right bottom; }
#omoi .boxBl p{ width:80%}
}
@media (max-width: 430px) {
#omoi {padding:0 0 40px;}
#omoi .wrap {background: url("img/omoi01c.png") top right no-repeat;padding: 150px 0 0}
#omoi h1 img {width:85%;}
#omoi h1, #omoi h2,#omoi .text {margin-left:5px;}
#omoi h2 {font-size:18px}
#omoi .boxBl {background: #d5e6f0 url("img/omoi02b.jpg") no-repeat right bottom; clear: both;border-radius: 10px;padding: 20px;overflow: auto;}
#omoi .boxBl img {float: inherit;width: 100%; margin-right:0px;margin-bottom: 15px}
#omoi .boxBl h4{padding: 0; font-size:16px ;font-weight: bold;}
#omoi .boxBl p{ margin-bottom: 130px;width:100%;font-size:14px;line-height: 1.4em}
}


/**/
@keyframes infinity-scroll-left {
from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
.scroll-infinity__wrap {display: flex; overflow: hidden;}
.scroll-infinity__list {display: flex; list-style: none; padding: 0}
.scroll-infinity__list--left {animation: infinity-scroll-left 80s infinite linear 0.5s both;}
.scroll-infinity__item {width: calc(100vw / 6);}
.scroll-infinity__item>img {width: 100%;}

@media (max-width: 430px) {
.scroll-infinity__item {width: calc(200vw / 4.30);}
}

/*feature*/
#feature {padding: 70px 0}
#feature #title {font-size:1.8em;line-height:2em;background:url( "img/featuresTi.gif") no-repeat left top;padding: 20px 0 80px  200px;letter-spacing: 0.2em}
#feature #title strong {font-size:1.2em;}
#feature h2 {font-size:1.5em; margin-bottom: 50px;}
#feature h2 strong {font-size:2em; letter-spacing: 0.1em}
#feature ul {margin:0; padding:0;}
#feature ul li {font-size:1.2em; margin-bottom: 20px; list-style: none; padding:20px 80px;} 
#feature ul li:nth-child(1) { background: url("img/no1.gif") no-repeat left center;}
#feature ul li:nth-child(2) { background: url("img/no2.gif") no-repeat left center;}
#feature ul li:nth-child(3) { background: url("img/no3.gif") no-repeat left center;}
#feature ul li strong {font-size:1.5em;}

#feature .kakomi h4 { text-align: center; letter-spacing: 0.1em; margin-bottom: 30px; background: url("img/kakomiTi.png") no-repeat center top;padding: 45px }
#feature .kakomi ol {list-style: none;margin:0; padding:0;}
#feature .kakomi ol li {padding: 25px 0 20px 80px; font-weight: bold;font-size:1.1em}
#feature .kakomi ol li:nth-child(1) { background: url("img/reason1.png") no-repeat left bottom;}
#feature .kakomi ol li:nth-child(2) { background: url("img/reason2.png") no-repeat left bottom;}
.kakomi .flL {padding: 50px}
.kakomi .flR{padding:0 50px 50px 0}

.open-button {
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
}

@media (max-width: 1024px) {
#feature #title {font-size:1.3em;}
#feature .kakomi h4 {letter-spacing: 0.1em; margin-bottom: 10px; background: url("img/kakomiTi.png") no-repeat center top;padding: 30px 30px 45px }
	#feature .kakomi .flL {width:50%}
	#feature .kakomi .flR {width:50%}
}
@media (max-width: 820px) {
#feature #title {font-size:1.1em;line-height:2em;background:url( "img/featuresTi.gif") no-repeat left top;padding: 20px 0 50px 170px;letter-spacing: 0.1em}
#feature h2 {font-size:1.5em; margin-bottom: 50px; padding-top: 50px}
#feature .box2 {width:65%}
#feature .box2v2 {width:35%;}
#feature ul li {font-size:1.2em; margin-bottom: 0px; list-style: none; padding:13px 80px;} 
#feature .on {display:inherit;}
#feature .pTB {padding: 30px 0 0}
#feature .kakomi h4 { font-size:1em ;margin-bottom: 5px; background: none; border-bottom:2px solid #000; padding:0 0 15px }
}
@media (max-width: 430px) {
#feature #title {font-size:1em;line-height:2em;background:url( "img/featuresTi2.gif") no-repeat left top;padding: 0px 0 0 90px;letter-spacing: 0.1em}
#feature h2 {font-size:1.1em; margin-bottom: 30px;}
#feature h2 strong {font-size:1.5em;}
#feature .box2 {width:100%}
#feature .box2v2 {width:100%;}
#feature ul li {font-size:1em; margin-bottom: 0px; list-style: none; padding:13px 0 13px 80px;} 
#feature .on {display:none;}
#feature .pTB {padding: 0}
#feature .kakomi .flL {width:100%; float: inherit}
#feature .kakomi .flR {width:100%; float: inherit}
.kakomi .flL {padding: 20px}
.kakomi .flR{padding:0 20px}
	}


/*method*/
#method {background: url("img/omoiBg.jpg"); padding:0 0 70px; overflow: auto;}
#method h2 {background: rgb(0,128,223) url("img/methodBg.jpg") no-repeat top;
background:url("img/methodBg.jpg"),linear-gradient(90deg, rgba(0,128,223,1) 50%, rgba(0,0,61,1) 50%);
background-repeat: no-repeat;background-position:center;color: #fff;text-align: center; font-size:2.2em; padding:90px 0 80px;}
#method .wrap2 { padding: 50px 0;}
#method h3 {clear: both;font-size:2.6em; margin-bottom: 30px;}
#method h3 span {font-size:0.8em; display: inline-block;}
#method h3 span.point {background: url("img/point.png") no-repeat left center;display:inline-block; color: #fff; font-size:80px; padding:0 0 10px 95px;width:190px;float:left;}
#method p {background:#fff; border-radius: 30px;; text-align: center;padding: 40px 10px; font-size:1.2em; margin-bottom: 30px}
#method strong {background: #f4ff48;}
#method .btn { margin: 0 auto; background:#162e6f; border-radius: 20px; width:200px; border:none; }

#method .modal-body h3{background:url("../img/clH3.jpg") no-repeat 10px center #062894;color:#fff; font-size:18px;padding: 20px 20px 20px 40px;margin-bottom:20px;}
#method .modal-body p {text-align: left; font-size:16px;margin: 0 0 15px;padding: 0 0 15px;border-radius: 0; border-bottom:1px solid #000;}
#method .modal-body p.type02 {text-align: left; font-size:16px;margin: 0 0 8px;padding: 0; border-bottom:none;}
#method .modal-body h6 {font-size:18px;font-weight:bold;}
#method .modal-body h6 strong {border:none; color:#045dd3;font-size:22px}
#method .modal-title img {width:80%}
#method .modal-body div {font-size:14px;line-height: 20px}
#method .modal-body strong {color:#fd0000; border-bottom:1px solid #fd0000;background:none;}

@media (max-width: 430px) {
#method h2 {background: url("img/methodBg.jpg") no-repeat center -20px;font-size:1.8em; padding:70px 0 60px;}
#method h3 {clear: both;font-size:1.8em; margin-bottom: 30px;}
#method h3 span {font-size:0.7em; display: inline-block;}
#method h3 span.point {background: url("img/point2.png") no-repeat left center;display:inline-block; color: #fff; font-size:50px; padding:0 0 10px 65px;width:125px;float:left;}
}

/*menu*/
#menu {background: rgb(255,255,255);
background:url("img/menuBg.png") no-repeat top center,linear-gradient(0deg, rgba(255,255,255,1) 41%, rgba(236,244,255,1) 100%); padding: 90px 0}
#menu h2 {text-align: center;font-size:2.5em; letter-spacing: 0.2em;color:#0074be;}
#menu h3 {letter-spacing: 0.1em;}
#menu h3 img {float: left;margin-right:30px;}
#menu h3 strong {font-size:2.5em;}
#menu h3.menu1::after { content:url(img/menu1a.png); margin-left: 20px;}
#menu h3.menu2::after { content:url(img/menu2a.png); margin-left: 20px;}
#menu h4,#menu01 h4,#menu03 h4 {font-size:2em; border-bottom: 3px solid #000;margin-bottom:40px;position: relative;padding-bottom: 20px}
#menu h4::after,#menu01 h4::after,#menu03 h4::after {
content: ''; 
  position: absolute; 
  bottom: -2px;
  left: 15%;
  width: 10px;
  height: 10px;
  background: #FFF;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: translate(-50%,55%) rotate(45deg);
  transform-origin:center center;
}

#menu2 {background: url("img/menu2Bg.jpg") no-repeat left top; padding: 70px 0 0;overflow: auto; position: relative;margin-bottom:50px;}
#menu2 h2{text-align: center;font-size:2em; letter-spacing: 0.1em;color:#000; border: 3px solid #000; border-radius: 50px; clear: both; margin: 0 auto 50px;padding:20px 40px; width: 60%;}
#menu2 .noBg {  width: 40px; display: inline-block;height: 40px;
  line-height: 40px;
  background-color: #878787;
  border-radius: 50%;
  color: #fff;
  text-align: center; margin-right:10px}
#menu2 h4 {font-size:1.5em; margin-bottom: 20px}
#menu2 h5 { background: url("img/menuH52.png") no-repeat left center,url("img/menuH5.gif"); padding: 20px 10px 20px 50px;margin-bottom: 20px}
#menu2 p {margin-bottom: 40px}
#menu2 img {position: absolute; bottom:0; left:4%}

#menu01 .title, #menu03 .title {background: #cad8dd; overflow: auto; margin-bottom: 50px;}
#menu01 .title .wrap {background: url("img/menu2Bg2.jpg") no-repeat left bottom; overflow: auto;padding:50px 0 30px;}
#menu01 .title h2, #menu03 .title h2 {font-size:2.2em; border-bottom: 3px solid #000;position: relative;padding: 30px 80px 30px 40px; background: url("img/icQ.gif") no-repeat right center; letter-spacing: 0.1em;display: inline-block;}
#menu01 .title h2 ::after, #menu03 .title h2 ::after{
content: ' '; 
  position: absolute; 
  bottom: -2px;
  left: 40%;
  width: 16px;
  height: 16px;
  background: #cad8dd;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: translate(-50%,55%) rotate(45deg);
  transform-origin:center center;
}
#menu01 .title h2 strong {font-size:1.6em}
#menu01 h3{letter-spacing: 0.1em; margin-bottom: 50px}
#menu01 h3 img,#menu03 h3 img {float: left;margin-right:30px;}
#menu01 h3 strong {font-size:2.5em;letter-spacing: -0.1em;}
#menu01 h3.menu1::after {content:url(img/menu01a.png); margin-left: 20px;}

#menu03 .title .wrap {background: url("img/menu3Bg.jpg") no-repeat left bottom; overflow: auto;padding:50px 0 30px;}
#menu03 .title h2 strong {font-size:1.5em}
#menu03 h3 {letter-spacing: 0em; margin-bottom: 50px;line-height: 2.2em}
#menu03 h3 strong {font-size:2.5em;letter-spacing: 0.1em;}
.bgG {background: #e3e3e3; border-radius: 20px;padding:4px 15px; margin:0 10px 15px 0;display: inline-block;}
.bgG2 {background: #f0f2f2; padding: 50px 50px 20px; overflow: auto; margin-bottom:50px}
.bgG2 img {float: left; margin:0 30px 30px 0}
.box4 {margin-bottom: 0 auto 50px;}
.box4 p {float: left; width:25%; padding: 1%}
.box4 img {margin-bottom:5px}

@media (max-width: 1024px) {
#menu2 h2{width: 80%;}
#menu01 .title .wrap {background: url("img/menu2Bg2-2.jpg") no-repeat left bottom; overflow: auto;padding:50px 0 30px;}
#menu01 .title h2, #menu03 .title h2 {font-size:2em; border-bottom: 3px solid #000;position: relative;padding: 30px 80px 30px 0px; background: url("img/icQ.gif") no-repeat right center; letter-spacing: 0.1em;display: inline-block;}
	.box60 img { float: left}
#menu03 .title .wrap {background: url("img/menu3Bg2.jpg") no-repeat left bottom; overflow: auto;padding:50px 0 30px;}
.bgG {display: block; clear: both; margin-bottom: 8px}
.box4 p {float: left; width:25%; padding: 1%}
}

@media (max-width: 430px) {
#menu h3 {letter-spacing: 0.1em;}
#menu h3 img {float: left;margin-right:20px;width:15%}
#menu h3 strong {font-size:1.3em;}
#menu h3.menu1::after { content:url(img/menu1a2.png); margin-left: 20px;}
#menu h3.menu2::after { content:url(img/menu2a.png); margin-left: 20px;}
#menu2 {background: url("img/menu2Bg-2.jpg") no-repeat left top; padding: 70px 0 0;overflow: auto; position: relative;margin-bottom:50px;}
#menu2 h2{width: 100%;font-size:1.3em;padding:20px 20px;}
#menu2 img {position: relative; bottom:0; left:0}
#menu01 .title .wrap {background:none; overflow: auto;padding:30px 0;}
#menu01 .title h2, #menu03 .title h2 {font-size:1.3em; border-bottom: 3px solid #000;position: relative;padding: 30px 80px 30px 0px; background: url("img/icQ.gif") no-repeat right center; letter-spacing: 0.1em;display: inline-block;}
	
#menu01 h3{letter-spacing: 0.1em; margin-bottom: 30px;line-height:1.5em;font-size:16px}
#menu01 h3 img,#menu03 h3 img {float: left;margin-right:20px;width:15%}
#menu01 h3 strong {font-size:1.8em;padding: 0px 0 0 30px; display: inline-block;}
#menu01 h3.menu1::after {content:url(img/menu01a2.gif); margin-left: 8px;}
#menu03 .title .wrap {background:none; overflow: auto;padding:30px 0;}
#menu03 .title h2 {font-size:1.2em; border-bottom: 3px solid #000;position: relative;padding: 30px 80px 30px 0px; background: url("img/icQ.gif") no-repeat right center; letter-spacing: 0;display: inline-block;}
#menu03 h3 {letter-spacing: 0em; margin-bottom: 50px;line-height:1.5em;font-size:16px}
#menu03 h3 strong {font-size:2em;letter-spacing: 0.1em; padding: 20px 0 0 30px; display: inline-block;}
#menu03 h4 {font-size:1.5em; border-bottom: 3px solid #000;margin-bottom:40px;position: relative;padding-bottom: 20px}
.bgG2 img {float: inherit; margin:0 auto 30px;}
.box4 p {float: left; width:50%; padding: 1%}
}

/*toiawaseBt*/
.toiawaseBt {padding:50px 0; overflow: auto; text-align: center;}
.toiawaseBt a {display: inline-block;border-radius :30px; width:30%; padding: 10px;margin: 1%}
.toiawaseBt .btDl {background: #003972}
.toiawaseBt .btMail {background: #eaeaea}
.toiawaseBt .btTel {background:#41acff; }
.toiawaseBt img {margin:0 auto}

@media (max-width: 430px) {
.toiawaseBt a { width:80%; padding: 10px;margin:0 3% 15px}
.toiawaseBt img {width:70%}
}

/*service*/
#service {background: #deedf2 url("img/serviceBg.jpg") no-repeat center top; overflow: auto;padding: 70px 0;margin-bottom:70px}
#service h1 {text-align: center; font-size:3em; margin-bottom:30px}
#service div.shadow {width:45%; float:left; margin:2%; heigth:350px}
#service div.shadow div { padding: 30px 0 20px 30px; width:55%}
#service div.shadow h2 {font-size:1.3em;font-weight: bold; padding: 8px 0 15px}
#service .ph01 {background: url("img/service01.jpg") no-repeat right top}
#service .ph02 {background: url("img/service02.jpg") no-repeat right top}
#service .ph03 {background: url("img/service03.jpg") no-repeat right top}
#service .ph04 {background: url("img/service04.jpg") no-repeat right top}

@media (max-width: 1024px) {
#service div.shadow div { padding: 30px 0 20px 20px; width:55%; font-size:1em; }
#service div.shadow h2 {font-size:1.2em;font-weight: bold; padding: 8px 0 15px}
#service .ph01 {background: url("img/service01-2.jpg") no-repeat right top}
#service .ph02 {background: url("img/service02-2.jpg") no-repeat right top}
#service .ph03 {background: url("img/service03-2.jpg") no-repeat right top}
#service .ph04 {background: url("img/service04-2.jpg") no-repeat right top}
}
@media (max-width: 430px) {
#service div.shadow {width:96%; float:inherit; margin:2%; heigth:350px}
#service div.shadow div { padding: 30px 0 20px 30px; width:80%}
#service .ph01 {background: url("img/service01-3.jpg") no-repeat right bottom}
#service .ph02 {background: url("img/service02-3.jpg") no-repeat right bottom}
#service .ph03 {background: url("img/service03-3.jpg") no-repeat right bottom}
#service .ph04 {background: url("img/service04-3.jpg") no-repeat right bottom}
}


/*about*/
#about {padding: 50px 0 70px}
#about p.line {border-left: 1px solid #ccc; padding-left: 50px; letter-spacing: 0.2em; margin-bottom:50px}

.bn {overflow: auto; text-align: center; margin: 30px auto 50px;}
.bn div img { margin:0 auto; text-align:center;}

@media (max-width: 430px) {
#about {padding: 0px 0 50px}
	#about .box2 img {width:80%; margin-bottom: 20px} 	
#about p.line {border-left: none;border-bottom: 1px solid #ccc; padding-left: 0px; padding-bottom: 50px;letter-spacing: 0.2em; margin-bottom:50px}
	
.bn div img { margin:0 auto; text-align:center; margin-bottom: 10px}
}

/**/
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 0px;
    bottom: 00px;
    background: #7f7f7f;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}


/*footer*/
footer{	clear: both; margin: 0;padding: 50px 20px 40px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);}
footer a {color: #6c6c6c; text-decoration:none;}
footer a:hover {color: #405fc6;	text-decoration: underline;}
footer ul {list-style: none;font-size:0.9em; padding:0px; margin: 0;}
footer li {margin-right: 10px; display: block; width:100%;margin-bottom:5px;border-bottom:1px dotted #dfdfdf; background: url("img/footerIc02.gif") no-repeat left center;padding-left: 18px;}
footer li.type01 {margin-right: 10px; display: block; width:100%;margin-bottom:5px;border-bottom:1px dotted #dfdfdf; background: url("img/footerIc01.gif") no-repeat left center;padding-left: 18px;}
#copy {	font: 12px Arial, Helvetica, sans-serif;clear: both;padding: 15px 0; text-align:center;color:#999;}


/*#main*/
#main h1{font-size:30px ;font-weight: bold; border-bottom: 3px solid #000; padding: 20px; margin-bottom:50px;}
#aform-54 .aform-header{font-size:20px; margin-bottom:50px;}
#aform-54 #aform_btn_confirm_54, #aform-54 #aform_btn_back, #aform-54 #aform_btn_submit {background: #003297; color:#fff; border-radius: 30px;min-width:200px;}
#aform-54 .aform-button-area {margin-bottom: 70px; background:none;padding-top:50px;}
#aform-54 .pushBt {padding-top:50px;}

#aform-55 .aform-header{font-size:20px; margin-bottom:50px;}
#aform-55 #aform_btn_confirm_55, #aform-55 #aform_btn_back, #aform-55 #aform_btn_submit {background: #003297; color:#fff; border-radius: 30px;min-width:200px;}
#aform-55 .aform-button-area {margin-bottom: 70px; background:none;padding-top:50px;}
#aform-55 .pushBt {padding-top:50px;}
.dl-pdf {margin:0 20px 10px 0; float: left;}
.dl-tex {float: left;}
.dl-tex h3 {font-size:18px;margin-bottom: 10px;}
.dl-tex p {margin-bottom: 20px;}
@media (max-width: 430px) {
.dl-pdf {margin:0 20px 10px 0; float: left;width:30%;}
.dl-tex {float: left;width:60%}
.dl-tex h3 {font-size:18px;margin-bottom: 10px;}
.dl-tex p {margin-bottom: 10px;}
a.plan img {margin-bottom: 30px; width:70%;}
}


@media (min-width: 750px) {
/*.wrap {width: 100%;margin: 0 auto;}*/
footer ul {text-align: left; margin:0 30px 0; float: left;}
footer ul li, footer ul li.type01 { width:auto;margin-bottom:5px;border-bottom:none;}
}

@media (min-width: 1280px) {
/*.wrap {width: 1060px;margin: 0 auto;}*/
}


@media (min-width: 751px) {
a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
}
}