@charset "utf-8";

* {
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%; 
	font-size: 62.5%;
}
body {
	line-height: 1.5; 
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem; 
	color: #333;
  letter-spacing: 0.1rem;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.spOnly { display: none; }

/*以降にPCの記述追記*/

header{
	display: block;
  position: relative;
	width: 100%;
}

h1{
  position:absolute;
  padding: 15px 30px;
  width: 300px;
}

main{
  display:block; 
  width: 100%;
}

.cown{
  width: 750px;
  margin: auto;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.cown main .cat {
  text-align: center;
  background: #4D4D4D;
  color: #FFFFFF;
  font-size: 30px;
  padding: 20px 2%;
}

.cown main .main_bg01 {
  width:100%;
}

.cown main .main_bg01 img{
  width:100%;
}

.cown main .main {
  position:relative;
}

.cown main .main .main_bg02 {
  width: 100.2%;
  margin-top: -100px;
}

.cown main .main .main_bg02 img {
  width: 100%;
  margin-left: -1px;
}

.cown main .main div.mainTxt {
  position: absolute;
  top: -120px;
  width: 100%;
}

.cown main .main .img.mainTxt {
  margin: 0 auto;
  padding: 0 2%;
  text-align: center;
}
.cown main .main .img.mainTxt02 {
  margin: 40px auto;
  padding: 0 2%;
  text-align: center;
}

.cown main .main .btnBox {
  text-align: center;
  margin: 30px auto;
}

.cown main .main .btnBox .btn.btn01 {
  width: 80%;
  margin: 0 auto;
}

.cown main .main .btnBox .btn.btn01 a {
  display: block;
  padding: 30px 2%;
  text-decoration: none;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  border-radius: 100px;
  background: rgb(254,191,88);
  background: -moz-linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
  background: linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
}


.cown main .main .btnBox .btn.btn01 a:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;
  box-shadow: inset 0px 0px 14px 3px rgb(249, 194, 105);
}


.cown .con section.sec01 .sec01_01 {
  margin: 0 auto;
  background-color: #F1F3F8;
  padding: 20px 0;
}

.cown .con .sec01 .sec01_01 .cat {
  position: relative;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  background: #1E2250;
  padding: 20px 1%;
  letter-spacing: 0.1rem;
  color: #FFFFFF;
  width: 90%;
  margin: 30px auto;
}

.cown .con .sec01 .sec01_01 .cat::after {
  position: absolute;
  content: "";
  border: solid 23px transparent;
  border-top: solid 21px #1e2250;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}



.cown .con .sec01 .sec01_01 ul {
  padding: 20px 5% 50px;
}

.cown .con .sec01 .sec01_01 ul li.col {
  position: relative;
  margin: 0 auto;
  background: #ffffff;
  padding: 0 0 4% 6%;
  display: flex;
  flex-wrap: wrap;
}

.cown .con .sec01 .sec01_01 ul li.col.col .right {
  margin: 50px 0 0 60px;
}

.cown .con .sec01 .sec01_01 ul li.col .tit {
  font-size: 34px;
  font-weight: bold;
  color: #ffffff;
}


.cown .con .sec01 .sec01_01 ul li.col.col .right .txt {
  margin-top: 15px;
  font-size: 28px;
  color: #1E2250;
}

.cown .con .sec01 .sec01_01 ul li.col .right .txt span {
  font-weight: bold;
  font-size: 32px;
}

.cown .con .sec01 .sec01_01 ul li.col01::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  bottom: -56px;
  margin-left: -13px;
  left: 50%;
  border-style: solid;
  border-color: #1E2250 transparent transparent transparent;
  border-width: 26px 26px 0 26px;
}

.cown .con .sec01 .sec01_01 ul li.col02 {
  padding: 7% 0 0% 6%;
  margin-top: 80px;
}

.cown .con .sec01 .sec01_01 ul li.col.col02 .right {
  margin: 21px 0 0 60px;
}

.cown .con .sec01 .sec01_02 {
  position: relative;
  padding: 70px 0 0;
  color: #1e2250;
}
.cown .con .sec01 .sec01_02 .cat.fukiTxt {
  text-align: center;
  font-size: 43px;
  font-weight: 600;
}

.cown .con .sec01 .sec01_02 .cat.fukiTxt span {
  position: relative;
}

.cown .con .sec01 .sec01_02 .cat.fukiTxt span::after {
  position: absolute;
  content: "";
  background: url("../images/tit_line01.png") no-repeat center bottom;
  width: 100%;
  height: 100%;
  bottom: -3.5rem;
  left: 0;
}

.cown .con .sec01 .sec01_02 .cat.fukiTxt strong{
  font-size: 120%;
}

.cown .con .sec01 .sec01_02 .gokai {
  position: relative;
  width: 85%;
  margin: 60px auto 20px;
  z-index: 2;
}

.cown .con .sec01 .sec01_02::before {
  content: '';
  position: absolute;
  bottom: 21px;
  left: auto;
  right: 0;
  background-color: #ffffff;
  transform: skewY(-11deg) translateY(90px);
  z-index: 0;
  width: 50.1%;
  height: 104px;
}

.cown .con .sec01 .sec01_02::after {
  content: '';
  position: absolute;
  bottom: 21px;
  left: 0;
  right: auto;
  background-color: #ffffff;
  transform: skewY(11deg) translateY(90px);
  z-index: 0;
  width: 50%;
  height: 104px;
}

.cown .con .sec01 .sec01_02 .gokai dl {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}
.cown .con .sec01 .sec01_02 .gokai dl dt.img01_2ic {
  width: 35px;
  margin-top: 10px;
}

.cown .con .sec01 .sec01_02 .gokai dl dd {
  margin-left: 20px;
  font-size: 28px;
}

.cown .con .sec01 .sec01_02 .gokai dl dd span{
  font-weight: 550;
}

.cown .con .sec01 .sec01_03 {
  background: url(../images/img01_3.png);
  background-size: 100%;
  width: 100%;
}

.cown .con .sec01 .sec01_03 .cat {
  font-size: 38px;
  text-align: center;
  color: #ffffff;
  padding: 125px 0;
  font-weight: 500;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}

.cown .con .sec01 .sec01_03 .cat span {
  position: relative;
  font-size: 132%;
  font-weight: 550;
  z-index: 0;
}

.cown .con .sec01 .sec01_03 .cat span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  left: 0;
  bottom: 2px;
  background: #f19238;
  z-index: -1;
}

.cown .con .sec01 .sec01_03 .cat span::after {
  height: 10px;
}

.cown .con .sec02 {
  position: relative;
  z-index: 2;
  padding-bottom: 75px;
  box-shadow: 0px 14px 10px -16px #656565;
}

.cown .con .sec02::before {
  content: '';
  position: absolute;
  top: -150px;
  left: auto;
  right: 0;
  background-color: #ffffff;
  transform: skewY(-11deg) translateY(90px);
  z-index: -1;
  width: 50.1%;
  height: 100px;
}

.cown .con .sec02::after {
  content: '';
  position: absolute;
  top: -150px;
  left: 0;
  right: auto;
  background-color: #ffffff;
  transform: skewY(11deg) translateY(90px);
  z-index: -1;
  width: 50%;
  height: 100px;
}


.cown .con .sec02 .img02_1{
  position: absolute;
  top: -70px;
  left: 0;
}

.cown .con .sec02 .img02_2 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.cown .con .sec02 .cat {
  text-align: center;
  font-size: 40px;
  padding: 40px;
  color: #1e2250;
  font-weight: 550;
}

.cown .con .sec02 .cat span.dottxt {
  position: relative;
  padding-top: 0.4em;
}

.cown .con .sec02 .cat span.dottxt::before {
  position: absolute;
  content: "";
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
  background-color: #1e2250;
  top: 2px;
  left: 50%;
  transform: translate(-50%, 0);
}

.cown .con .sec02 .cat strong {
  font-size: 130%;
  color: #f19238;
}
.cown .con .sec02 figure.img02_3 {
  width: 60%;
  margin: 0 auto;
}

.cown .con .sec03 {
  margin:0 auto;
  padding: 70px 0 10px;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 32px 32px;
  background-repeat: repeat;
  background-position: center center;
}

.cown .con .sec03 .sec03_01 .cat {
  text-align: center;
  font-size: 42px;
  margin-bottom: 70px;
  font-weight: 550;
  line-height: 1.4;
}

.cown .con .sec03 .sec03_01 .cat span{
  position: relative;
}

.cown .con .sec03 .sec03_01 .cat span::after {
  position: absolute;
  content: "";
  background: url("../images/tit_line01.png") no-repeat center bottom;
  width: 121%;
  height: 100%;
  bottom: -4rem;
  left: -1%;
}

.cown .con .sec03 .sec03_01 .cat strong {
  font-size: 130%;
  color: #f19238;
}

.cown .con .sec03 .sec03_01 ul {
}
.cown .con .sec03 .sec03_01 ul li {
}
.cown .con .sec03 .sec03_01 ul li figure {
  position: relative;
  z-index: 1;
}
.cown .con .sec03 .sec03_01 ul li .txtBox {
  position: relative;
  margin: -80px 6% 80px 6%;
  padding: 90px 5% 5% 5%;
  background: #ffffff;
  z-index: 0;
  box-shadow: 0px 0px 20px -10px #636363;
}

.cown .con .sec03 .sec03_01 ul li .txtBox .tit {
  font-size: 38px;
  font-weight: 550;
}

.cown .con .sec03 .sec03_01 ul li .txtBox dl {
  display: flex;
  flex-wrap: wrap;
}

.cown .con .sec03 .sec03_01 ul li .txtBox .img03_1ic {
  margin-right: 20px;
}

.cown .con .sec03 .sec03_01 ul li .txtBox .img03_1ic img {
  width: 40px;
  margin-top: 14px;
}

.cown .con .sec03 .sec03_01 ul li .txtBox .tit span{
  position: relative;
}

.cown .con .sec03 .sec03_01 ul li .txtBox .tit span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  left: 0;
  bottom: 2px;
  background: #f1aa386a;
  z-index: -1;
}

.cown .con .sec03 .sec03_01 ul li figure.img03_2 {
  text-align: right;
  margin-right: 0;
  margin-left: auto;
}

.cown .con .sec03 .sec03_01 ul li .txtBox .txt {
  margin-top: 30px;
  font-size: 30px;
}

.cown .con .sec03 .sec03_01 ul li .txtBox .txt b {
  font-weight: 550;
}

.cown .con .sec03 .sec03_02 {
  position: relative;
}

.cown .con .sec03 .sec03_02 figure.img03_4{
  position: relative;
  width:100%
}

.cown .con .sec03 .sec03_02 .txtBox {
  position: absolute;
  top: 80px;
  text-align: center;
  width: 100%;
  font-size: 40px;
  font-weight: 500;
  color: #1e2250;
}

.cown .con .sec03 .sec03_02 figure.img03_4 img{
  width:100%
}

.cown .con .sec03 .sec03_02 .tit {
  line-height: 2.0;
  position: relative;
}

.cown .con .sec03 .sec03_02 .tit::after {
  position: absolute;
  content: "";
  background: url("../images/tit_line02.png") no-repeat center bottom;
  width: 237px;
  margin-left: -118px;
  height: 100%;
  bottom: -2rem;
  left: 50%;
}

.cown .con .sec03 .sec03_02 .tit span.naname {
  position: relative;
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  display: inline-block;
  font-size: 125%;
  font-weight: 550;
}

.cown .con .sec03 .sec03_02 .tit span.naname i.dottxt {
  position: relative;
  padding-top: 0.4em;
}

.cown .con .sec03 .sec03_02 .tit span.naname i::before {
  position: absolute;
  content: "";
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
  background-color: #1e2250;
  top: 2px;
  left: 50%;
  transform: translate(-50%, 0);
}


.cown .con .sec03 .sec03_02 .cat {
  font-size: 115%;
  margin-top: 20px;
  text-shadow: 0px 0px 13px rgba(255, 255, 255, 1);
}

.cown .con .sec03 .sec03_02 .cat strong {
  font-size: 130%;
  color: #f19238;
}


.cown .con .sec04 {
  background: #102547;
  margin-top: -130px;
  padding-top: 200px;
}

.cown .con .sec04 .img04_1 {
  text-align: center;
}

.cown .con .sec04 .img04_1 img {
}

.cown .con .sec04 .sec04_1{
  position: relative;
}

.cown .con .sec04 .sec04_1 .img.img04_2 {
  width: 100%;
  position: relative;
  mix-blend-mode: screen;
  margin-top: -300px;
}

.cown .con .sec04 .sec04_1 .img.img04_2 img{
  width: 100%;
}

.cown .con .sec04 .sec04_1 .cat {
  position: absolute;
  color: #ffffff;
  font-size: 42px;
  text-align: center;
  padding: 50px 0;
  font-weight: 550;
  line-height: 1.7;
  bottom: 0;
  width: 100%;
  text-shadow: 4px 4px 4px rgb(0 0 0 / 30%);
}

.cown .con .sec04 .cat span.dottxt { 
  position: relative;
  padding-top: 0.4em;
}

.cown .con .sec04 .cat span.dottxt::before {
  position: absolute;
  content: "";
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
  background-color: #ffffff;
  top: 2px;
  left: 50%;
  transform: translate(-50%, 0);
}

.cown .con .sec04 .cat strong {
  font-size: 130%;
}

.cown .con .sec04 .cat strong b{
  color: #f19238;
}

.cown .con .sec04 .cat i.img04_1ic{
  position: absolute;
  left: 6%;
  bottom: 25%;
}

.cown .con .sec04 .cat i.img04_2ic{
  position: absolute;
  right: 6%;
  bottom: 25%;
}


.cown .con .sec05 {
  background: #F1F3F8;
}

.cown .con .sec05 .sec05_1 {
  padding-top: 50px;
}

.cown .con .sec05 .sec05_1 .tit {
  text-align: center;
  font-size: 40px;
  font-weight: 550;
  line-height: 1.4;
}

.cown .con .sec05 .sec05_1 .tit span {
  position: relative;
}

.cown .con .sec05 .sec05_1 .tit span::after {
  position: absolute;
  content: "";
  background: url("../images/tit_line01.png") no-repeat center bottom;
  width: 190%;
  height: 100%;
  bottom: -4rem;
  left: -65%;
}

.cown .con .sec05 .sec05_1 .tit strong {
  font-size: 120%;
  color: #f19238;
}

.cown .con .sec05 .sec05_1 ul {
  margin: 120px 5% 70px;
}

.cown .con .sec05 .sec05_1 ul li {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 32px 32px;
  background-repeat: repeat;
  background-position: center center;
  background-color: #ffffff;
  border: 40px solid #ffffff;
  position: relative;
  margin-bottom: 100px;
  box-shadow: 7px 13px 13px -9px rgba(0, 0, 0, 0.25);
}

.cown .con .sec05 .sec05_1 ul li .num {
  position: absolute;
  top: -105px;
  left: 50%;
  font-size: 80px;
  margin-left: -5rem;
  font-weight: 550;
  color: #102447;
}

.cown .con .sec05 .sec05_1 ul li .num::after {
  content: "";
  position: absolute;
  width: 30px;
  background: #4EAEDF;
  height: 7px;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.cown .con .sec05 .sec05_1 ul li .cat {
  margin: 40px 10px;
  text-align: center;
  font-size: 40px;
  font-weight: 550;
  color: #102447;
  letter-spacing: 0.2rem;
  line-height: 1.3;
}

.cown .con .sec05 .sec05_1 ul li .cat span {
  position: relative;
  z-index: 0;
}

.cown .con .sec05 .sec05_1 ul li .cat span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  left: 0%;
  bottom: 2px;
  background: #f1aa386a;
  z-index: -1;
}

.cown .con .sec05 .sec05_1 ul li .txt {
  width: 82%;
  margin: 0 auto;
  font-size: 27px;
  font-weight: 500;
  color: #102447;
  margin-bottom: 40px;
}

.cown .con .sec05 .sec05_2 {
  padding: 70px 0;
  background: rgb(60,154,200);
  background: -moz-linear-gradient(270deg, rgba(60,154,200,1) 0%, rgba(30,34,80,1) 100%);
  background: -webkit-linear-gradient(270deg, rgba(60,154,200,1) 0%, rgba(30,34,80,1) 100%);
  background: linear-gradient(270deg, rgba(60,154,200,1) 0%, rgba(30,34,80,1) 100%);
}

.cown .con .sec05 .sec05_2 .btnBox {
  text-align: center;
}
.cown .con .sec05 .sec05_2 .btnBox .btn.btn01 {
  width: 80%;
  margin: 0 auto;
}


.cown .con .sec05 .sec05_2 .btnBox .btn.btn01 a {
  display: block;
  padding: 30px 2%;
  text-decoration: none;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  border-radius: 100px;
  background: rgb(254,191,88);
  background: -moz-linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
  background: linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
}

.cown .con .sec05 .sec05_2 .btnBox .btn.btn01 a:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;
  box-shadow: inset 0px 0px 14px 3px rgb(249, 194, 105);
}


.cown .con .sec06 {
}

.cown .con .sec06 .sec06_01 {
  position: relative;
  margin: 70px 5%;
  z-index: 1;
  box-shadow: 7px 5px 18px -1px rgb(0 0 0 / 25%);
  padding-bottom: 15px;
}

.cown .con .sec06 .sec06_01 .tit {
  text-align: center;
  font-size: 40px;
  font-weight: 550;
  line-height: 1.4;
  padding: 25px 0 60px;
}

.cown .con .sec06 .sec06_01 .tit span{
  position: relative;
}

.cown .con .sec06 .sec06_01 .tit span::after {
  position: absolute;
  content: "";
  background: url("../images/tit_line01.png") no-repeat center bottom;
  width: 104%;
  height: 100%;
  bottom: -4rem;
  left: -2%;
}

.cown .con .sec06 .sec06_01 .tit span strong {
  font-size: 120%;
  color: #f19238;
}

.cown .con .sec06 .sec06_01 .listTxt {
  margin: 0 30px 35px;
  padding: 4%;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 32px 32px;
  background-repeat: repeat;
  background-position: top center;
  background-color: #ffffff;
}

.cown .con .sec06 .sec06_01 .listTxt dl {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}
.cown .con .sec06 .sec06_01 .listTxt dl dt.img_ic06 {
  width: 35px;
  margin-top: 3px;
}

.cown .con .sec06 .sec06_01 .listTxt dl dt.img_ic06 img {
}
.cown .con .sec06 .sec06_01 .listTxt dl dd {
  margin-left: 20px;
  font-size: 28px;
}
.cown .con .sec06 .sec06_02 {
  background: #F1F3F8;
}

.cown .con .sec06 .sec06_02 .tit {
  text-align: center;
  font-size: 40px;
  font-weight: 550;
  line-height: 1.4;
  padding: 60px 0 60px;
}

.cown .con .sec06 .sec06_02 .tit span{
  position: relative;
}

.cown .con .sec06 .sec06_02 .tit span::after {
  position: absolute;
  content: "";
  background: url("../images/tit_line01.png") no-repeat center bottom;
  width: 104%;
  height: 100%;
  bottom: -4rem;
  left: -2%;
}

.cown .con .sec06 .sec06_02 .tit span strong {
  font-size: 120%;
  color: #f19238;
}
.cown .con .sec06 .sec06_02 ul {
  margin: 0 auto;
  padding-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  width: 96%;
}

.cown .con .sec06 .sec06_02 ul li {
  margin: 0px auto 50px;
  width: 86%;
}

.cown .con .sec06 .sec06_02 ul li dl {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.cown .con .sec06 .sec06_02 ul li dl dt.img06_ic01 {
  margin-right: 20px;
}

.cown .con .sec06 .sec06_02 ul li dl dd.txt {
  font-size: 30px;
}
.cown .con .sec06 .sec06_02 ul li .img06_1 {
  box-shadow: 7px 13px 13px -9px rgb(0 0 0 / 25%);
}
.cown .con .sec06 .sec06_02 ul li .img06_1 img {
}
.cown .con .sec06 .sec06_02 ul li dl dt.img06_ic02 {
  margin-right: 20px;
}
.cown .con .sec06 .sec06_02 ul li dl dt.img06_ic02 img {
}
.cown .con .sec06 .sec06_02 ul li .img06_2 {
  box-shadow: 7px 13px 13px -9px rgb(0 0 0 / 25%);
}
.cown .con .sec06 .sec06_02 ul li .img06_2 img {
}
.cown .con .sec06 .sec06_02 ul li dl dt.img06_ic03 {
  margin-right: 20px;
}
.cown .con .sec06 .sec06_02 ul li dl dt.img06_ic03 img {
}
.cown .con .sec06 .sec06_02 ul li .img06_03 {
  box-shadow: 7px 13px 13px -9px rgb(0 0 0 / 25%);
}
.cown .con .sec06 .sec06_02 ul li .img06_03 img {
}


.cown footer .footxt{
  margin: 50px auto;
}


.cown footer .ftTb{
  padding: 70px 0;
  background: rgb(60,154,200);
  background: -moz-linear-gradient(270deg, rgba(60,154,200,1) 0%, rgba(30,34,80,1) 100%);
  background: -webkit-linear-gradient(270deg, rgba(60,154,200,1) 0%, rgba(30,34,80,1) 100%);
  background: linear-gradient(270deg, rgba(60,154,200,1) 0%, rgba(30,34,80,1) 100%);
}

.cown footer .ftTb .txt {
  text-align: center;
  font-size: 38px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px;
}

.cown footer .ftTb .txt span{
  position: relative;
}

.cown footer .ftTb .txt span::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 40px;
  background-color: #f5b144;
  position: absolute;
  bottom: 2px;
  left: -28px;
  transform: rotate(-20deg);
}
.cown footer .ftTb .txt span::after{
  content:"";
  display:inline-block;
  width: 2px;
  height:40px;
  background-color: #f5b144;
  position:absolute;
  bottom: 2px;
  right: -28px;
  transform: rotate(20deg);
}


.cown footer .ftTb .btn.btn01 {
  width: 80%;
  margin: 0 auto;
}

.cown footer .ftTb .btn.btn01 a {
  display: block;
  padding: 30px 2%;
  text-decoration: none;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  border-radius: 100px;
  background: rgb(254,191,88);
  background: -moz-linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
  background: linear-gradient(180deg, rgba(254,191,88,1) 0%, rgba(241,171,56,1) 22%, rgba(241,160,56,1) 76%, rgba(241,148,56,1) 100%);
}

.cown footer .ftTb .btn.btn01 a:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;
  box-shadow: inset 0px 0px 14px 3px rgb(249, 194, 105);
}


.cown footer .footxt {
}

.cown footer .footxt .logo a {
}

.cown footer .footxt table {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}

.cown footer .footxt table tr th, .cown footer .footxt table tr td {
  font-size: 23px;
  padding: 5px 0;
  border-bottom: dashed 1px #102547;
}

.cown footer .footxt table tr th {
  width: 30%;
  text-align: left;
}

.cown footer .footxt table tr td {
  width:70%;
}

.copyRight {
  padding: 20px 0;
  text-align: center;
  font-size: 18px;
}

.pageUp {
  width: 80%;
  margin: 60px auto 0;
  text-align: center;
}


.pageUp a {
  color: #4E6368;
  font-size: 28px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding: 0px 15px 30px;
  font-weight: 550;
  line-height: 0.2;
  background: #F1F3F8;
  opacity: 1;
}

.pageUp a i {
  color: #4E6368;
  font-size: 80px;
  position: relative;
  text-decoration: none;
}

.pageUp a:hover{
  opacity: 0.5;
}



/* ～○○px For SP
================================ */

@media screen and (max-width: 750px) {
  .spOnly { display: block; }
  .tabOnly { display: none; }
  .pcOnly { display: none; }

  body {
	line-height: 1.6; 
	font-size: 1.5rem; 
	}

  header {
    padding:0;
  }

  .cown {
    width: 100%;
    margin: auto;
    border:none;
  }

  h1 {
    width: 160px;
    margin: 0 auto;
    padding: 2%;
  }

  .cown main .cat {
    font-size: 17px;
    padding: 15px 1%;
  }

  .cown main .main .img.mainTxt {
    margin: 0 auto;
    padding: 0 3%;
    width: 94%;
}

.cown main .main div.mainTxt {
  position: absolute;
  top: -75px;
  width: 100%;
}

.cown main .main .img.mainTxt02 {
  margin: 12px auto;
  padding: 0 2%;
  text-align: center;
  width: 96%;
}

.cown main .main .btnBox {
  text-align: center;
  margin: 13px auto;
}

.cown main .main .btnBox .btn.btn01 {
  width: 90%;
}

.cown main .main .btnBox .btn.btn01 a {
  padding: 12px 2%;
  font-size: 6.0vw;
}

  .cown .con .sec01 .sec01_01 ul {
    padding: 0 0px;
    width: 92%;
    margin: 30px auto 26px;
  }

  .cown .con .sec01 .sec01_01 ul li.col {
    padding: 0 0 4% 4%;
}

  .cown .con .sec01 .sec01_01 ul li.col figure {
    width: 46%;
  }

  .cown .con .sec01 .sec01_01 ul li.col.col .right {
    margin: 8% 0 0 4%;
    width: 50%;
  }

  .cown .con .sec01 .sec01_01 ul li.col01::after {
    bottom: -44px;
    margin-left: -22px;
    border-color: #1E2250 transparent transparent transparent;
    border-width: 24px 22px 0 22px;
}

  .cown .con .sec01 .sec01_01 .cat {
    font-size: 24px;
    padding: 18px 1%;
    width: 92%;
  }

  .cown .con .sec01 .sec01_01 .cat::after {
    border: solid 15px transparent;
    border-top: solid 12px #1e2250;
  }

  .cown .con .sec01 .sec01_01 ul li.col .tit {
    font-size: 24px;
  }

  .cown .con .sec01 .sec01_01 ul li.col .tit span {
    padding: 4% 9%;
  }

  .cown .con .sec01 .sec01_01 ul li.col.col .right .txt {
    margin-top: 12px;
    font-size: 3.8vw;
  }

  .cown .con .sec01 .sec01_01 ul li.col .right .txt span {
    font-weight: bold;
    font-size: 120%;
  }

  .cown .con .sec01 .sec01_01 ul li.col ul.listTxt {
    margin: 0px 4%;
}

  .cown .con .sec01 .sec01_01 ul li.col.col01 ul.listTxt li {
    font-size: 20px;
  }

  .cown .con .sec01 .sec01_01 ul li.col02 {
    margin-top: 60px;
    padding: 5% 0 0 4%;
  }

  .cown .con .sec01 .sec01_01 ul li.col.col02 .right {
    margin: 3% 0 2% 4%;
  }

  .cown .con .sec01 .sec01_02 {
    position: relative;
    padding: 30px 0 0;
  }

  .cown .con .sec01 .sec01_02 .cat.fukiTxt {
    font-size: 6.5vw;
  }

  .cown .con .sec01 .sec01_02 .gokai {
    width: 90%;
  }

  .cown .con .sec01 .sec01_02 .gokai dl dt.img01_2ic {
    width: 8%;
    margin-top: 2px;
  }

  .cown .con .sec01 .sec01_02 .gokai dl dd {
    margin-left: 2%;
    font-size: 5.0vw;
    width: 90%;
  }

  .cown .con .sec01 .sec01_03 .cat {
    font-size: 6vw;
    padding: 90px 0 112px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
  }

  .cown .con .sec02 .img02_2 {
    text-align: right;
  } 

  .cown .con .sec02 .img02_1 img,
  .cown .con .sec02 .img02_2 img{
    width: 50%;
  }

  .cown .con .sec02 .cat {
    font-size: 5.8vw;
    padding: 2%;
  }

  .cown .con .sec02 .sec02_01 ul li .imgTit.imgTxt02_01 {
    margin: 0 auto;
    width: 70%;
  }

  .cown .con .sec02 .sec02_01 {
    padding: 28px 0 30px;
    background-color: #EFEBE6;
  }

  .cown .con .sec02 .sec02_01 ul li .img.img02_01 {
    margin: 20px 5% 50px;
    padding: 2%;
  }

  .cown .con .sec02 .sec02_01 ul li .imgTit.imgTxt02_02 {
    margin: 0 auto;
    width: 96%;
    margin-left: -1%;
  }

  .cown .con .sec02 .sec02_01 ul li .img.img02_02 {
    margin: 20px 5% 50px;
    padding: 2%;
  }

  .cown .con .sec03 {
    padding: 50px 0 10px;
  }

  .cown .con .sec03 .sec03_01 .cat {
    font-size: 6.8vw;
    margin-bottom: 70px;
  }

  .cown .con .sec03 .sec03_01 ul li figure {
    width: 85%;
  }

  .cown .con .sec03 .sec03_01 ul li .txtBox {
    margin: -50px 4% 60px 4%;
    padding: 60px 5% 5% 5%;
    box-shadow: 0px 0px 20px -10px #636363;
  }

  .cown .con .sec03 .sec03_01 ul li .txtBox .tit {
    font-size: 25px;
    font-weight: 550;
    line-height: 1.5;
  }

  .cown .con .sec03 .sec03_01 ul li .txtBox .tit span::after {
    height: 10px;
  }

  .cown .con .sec03 .sec03_01 ul li .txtBox .img03_1ic {
    margin-right: 10px;
  }

  .cown .con .sec03 .sec03_01 ul li .txtBox .img03_1ic img {
    width: 30px;
    margin-top: 6px;
  }

  .cown .con .sec03 .sec03_01 ul li .txtBox .txt {
    margin-top: 18px;
    font-size: 16px;
} 

.cown .con .sec03 .sec03_02 .txtBox {
  top: 26px;
  font-size: 5.2vw;
}

  .cown .con .sec03 .sec03_02 .tit::after {
    width: 180px;
    margin-left: -90px;
    bottom: -1.5rem;
  }

  .cown .con .sec04 {
    margin-top: -75px;
    padding-top: 110px;
  }

  .cown .con .sec04 .img04_1 {
    width: 94%;
    margin: 0 auto;
} 

  .cown .con .sec04 .sec04_01 {
    background-color: #EFEBE6;
    padding: 20px 3%;
  }

  .cown .con .sec04 .sec04_1 .img.img04_2 {
    margin-top: -122px;
  }

  .cown .con .sec04 .cat i.img04_1ic {
    left: 4%;
    bottom: 27%;
    width: 8%;
  }

  .cown .con .sec04 .cat i.img04_2ic {
    right: 3%;
    bottom: 25%;
    width: 8%;
  }

  .cown .con .sec04 .sec04_1 .cat {
    font-size: 6.0vw;
    padding: 30px 0;
  }

  .cown .con .sec05 .sec05_01 {
    padding: 40px 0 10px;
  }

  .cown .con .sec05 .sec05_1 ul {
    margin: 110px 5% 70px;
  }

  .cown .con .sec05 .sec05_1 ul li {
    border: 20px solid #ffffff;
    margin-bottom: 75px;
  }

  .cown .con .sec05 .sec05_1 ul li .num {
    top: -90px;
    font-size: 70px;
    margin-left: -4.5rem;
  }

  .cown .con .sec05 .sec05_1 .tit {
    font-size: 5.5vw;
  }

  .cown .con .sec05 .sec05_1 ul li .cat {
    margin: 40px 0 20px;
    font-size: 5.3vw;
  }

  .cown .con .sec05 .sec05_1 ul li .cat span::after {
    height: 10px;
  }

  .cown .con .sec05 .sec05_1 ul li .txt {
    font-size: 16px;
    margin-bottom: 20px;
    width: 94%;
  }

 
  .cown .con .sec05 .sec05_2 {
    padding: 40px 0;
  }

  .cown .con .sec05 .sec05_2 .btnBox .btn.btn01 {
    width: 92%;
  }

  .cown .con .sec05 .sec05_2 .btnBox .btn.btn01 a {
    padding: 12px 2%;
    font-size: 6.0vw;
  }

  .cown .con .sec05 .sec05_02 .cat {
    font-size: 20px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
  }

  .cown .con .sec05 .sec05_02 .cat span {
    font-size: 120%;
  }

  .cown .con .sec05 .sec05_02 .cat span.txtK::before {
    background: url(../images/img_ic07.png) no-repeat center top / 12px 20px;
    width: 20px;
    height: 20px;
    left: 18px;
    bottom: 0px;
    margin-left: -4rem;
  }

  .cown .con .sec05 .sec05_02 .cat span.txtK::after {
    background: url(../images/img_ic08.png) no-repeat center top / 12px 20px;
    width: 20px;
    height: 20px;
    right: 18px;
    bottom: 0px;
    margin-right: -3rem;
  }

  .cown .con .sec05 .sec05_02 .serTxt {
    margin: 30px auto 0;
    width: 90%;
    padding-bottom: 50px;
  }

  .cown .con .sec05 .sec05_02 .serTxt .tit {
    font-size: 26px;
  }

  .cown .con .sec05 .sec05_02 .serTxt ul li dl {
    margin: 23px 0 20px;
  } 

  .cown .con .sec05 .sec05_02 .serTxt ul li dl dt {
    margin-top: 16px;
    font-size: 32px;
    margin-left: 10px;
  }

  .cown .con .sec05 .sec05_02 .serTxt ul li dl dt::before {
    background: url(../images/img_ic09.png) no-repeat center top / 68px 68px;
    width: 64px;
    height: 100px;
    left: -6px;
    top: -12px;
    margin-left: -9px;
  } 

  .cown .con .sec05 .sec05_02 .serTxt ul li dl dd {
    padding: 10px 10px 10px 48px;
    font-size: 4.5vw;
    margin-left: 23px;
}

  .cown .con .sec05 .sec05_02 .serTxt .btn.btn01 {
  margin: 40px auto;
  width: 94%;
  }

  .cown .con .sec05 .sec05_02 .serTxt .btn.btn01 a {
    padding: 22px 2%;
    font-size: 21px;
  }

  .cown .con .sec05 .sec05_02 .serTxt .btn.btn01 a::after {
    border-width: 10px 0 10px 12px;
    right: 15px;
    margin-top: -12px;
  }

  .cown .con .sec05 .sec05_02 .serTxt .txt {
    font-size: 27px;
  }

  .cown .con .sec05 .sec05_02 .serTxt .txt span {
    font-size: 32px;
    padding: 11px 27px;
  }

  .cown .con .sec05 .sec05_02 .serTxt .txt span small {
    font-size: 28px;
  }

  .cown .con .sec06 .sec06_01 .tit {
    font-size: 24px;
    padding: 0 0 55px;
  }

  .cown .con .sec06 .sec06_01 ul {
    width: 88%;
    margin: 40px auto 20px;
  }

  .cown .con .sec06 .sec06_01 ul li {
    margin-left: 1em;
    text-indent: -1em;
    margin-left: 20px;
    font-size: 4.5vw;
    margin-bottom: 20px;
  }

  .cown .con .sec06 .sec06_01 {
    padding: 30px 0 10px;
    margin: 32px 5%;
    box-shadow: 1px 1px 9px -1px rgb(0 0 0 / 25%);
  }

  .cown .con .sec06 .sec06_01 .listTxt {
    margin: 0 2% 18px;
    padding: 3% 3% 0;
  }

  .cown .con .sec06 .sec06_01 .listTxt dl {
    margin-bottom: 18px;
  }

  .cown .con .sec06 .sec06_01 .listTxt dl dt.img_ic06 {
    width: 8%;
    margin-top: 4px;
  }

  .cown .con .sec06 .sec06_01 .listTxt dl dd {
    margin-left: 2%;
    font-size: 5.2vw;
    width: 90%;
  }  

  .cown .con .sec06 .sec06_02 ul {
    margin: 40px auto 0;
  } 

  .cown .con .sec06 .sec06_02 .tit {
    font-size: 7.3vw;
    padding: 50px 0 15px;
  }

  .cown .con .sec06 .sec06_02 ul li .txt {
    font-size: 20px;
  }

  .cown .con .sec06 .sec06_02 ul {
    margin: 50px auto 0;
    padding-bottom: 10px;
  }

  .cown .con .sec06 .sec06_02 ul li {
    margin: 0px auto 40px;
    width: 90%;
  }

  .cown .con .sec06 .sec06_02 ul li dl dd.txt {
    font-size: 4.2vw;
    width: 100%;
  }

  .cown .con .sec06 .sec06_02 ul li dl dt.img06_ic01,
  .cown .con .sec06 .sec06_02 ul li dl dt.img06_ic02,
  .cown .con .sec06 .sec06_02 ul li dl dt.img06_ic03 {
    margin-right: 2%;
    width: 26%;
  }

  .cown footer .ftTb .txt {
    font-size: 22px;
    margin: 0 auto 10px;
  }

  .cown footer .ftTb {
    padding: 30px 0;
  }

  .cown footer .ftTb .txt span::before {
    height: 22px;
    bottom: 0;
    left: -5%;
  }

  .cown footer .ftTb .txt span::after {
    height: 22px;
    bottom: 0;
    right: -5%;
  }

  .cown footer .ftTb .btn.btn01 {
    margin: 10px auto 10px;
    width: 92%;
  } 

  .cown footer .ftTb .btn.btn01 a {
    padding: 12px 2%;
    font-size: 6.0vw;
  }

  .pageUp {
    margin: 30px auto 0;
  }

  .pageUp a {
    font-size: 20px;
    padding: 0px 12px 23px;
  }

  .pageUp a i {
    color: #4E6368;
    font-size: 65px;
    position: relative;
    text-decoration: none;
    line-height: 0.9;
  }

  .cown footer .footxt {
    margin: 30px auto 15px;
  }

  .cown footer .footxt table {
    width: 90%;
  }

  .cown footer .footxt table tr th, .cown footer .footxt table tr td {
    font-size: 4.2vw;
    padding: 5px 3%;
  }

  .copyRight {
    padding: 15px 0;
    text-align: center;
    font-size: 3vw;
  }

}