@charset"UTF-8";
/* 
font-family: 'BIZ UDPMincho', serif;
font-family: 'Kiwi Maru', serif;
font-family: 'M PLUS 1p', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Mochiy Pop P One', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Shippori Mincho', serif;
font-family: 'Zen Antique', serif;
font-family: 'Zen Antique Soft', serif;
font-family: 'Zen Old Mincho', serif;
*/

body{
	margin:0;
	font-size: 12px;
	color: #000;
}
img{
	margin: 0;
}



h1 {
	position: relative;
	margin: 10px 10px 25px 0px;
	padding: 0.5rem;
	background: #ff4600;
	color: white;
	font-size: 3rem;
	font-weight: 900;
}

h1::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}

h2{
  margin-bottom: 30px;
	height: 167px;
}
h2,h2.red,h2.wrow4{
	position: relative;
	overflow: hidden;
	padding: 3rem 2rem 3rem 130px;
	border:2px solid #020742;
	font-size: 53px;
	color: #040a51;
	font-family: 'Zen Antique', serif;
    /* background-image: linear-gradient(1deg, rgb(8 3 67 / 42%) 10%, rgb(255 255 255)); */
    text-shadow: 1px 1px 2px #fefefe;
    /* color: #f7cb03;
    text-shadow: 0px 0px 7px #797878, 0 3px 7px #7e7c7c, 0 4px 7px #797979;
    font-weight: 900;
    font-size: 3.5rem;
    position: relative;
    padding: 1rem 2rem;
    -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	background-color: #fff; */
}
h2.red,h2.wrow4{
	color:#ff0000;
}
h2.orange{
	color:orangered;
}
/* h2.yellow{
	color:yellow;
} */
h2.green{
	border:2px solid #025802;
	color:#025802;
}

h2.wrow{
	padding: 1.5rem 2rem 1.5rem 130px;
}
h2.wrow4{
	/*4のみ高さ広げる*/
	height: 230px;
	height: 230px;
    padding: 5rem 2rem 5rem 130px;
}
h2:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 350%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	/* background: #000; */
	background-image: linear-gradient(109deg, rgb(3 0 36) 60%, rgb(24 6 188 / 63%));
}
h2.red:before,h2.wrow4::before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 350%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background-image: linear-gradient(109deg, rgb(189 5 5) 60%, rgb(255 0 0 / 63%));
}
h2.orange:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 350%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background-image: linear-gradient(109deg, rgb(255 96 8) 60%, rgb(255 70 0 / 89%));
}
h2.yellow:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 350%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background-image: linear-gradient(109deg, rgb(235 244 0) 60%, rgb(255 251 0 / 95%));
}
h2.green:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 350%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background-image: linear-gradient(109deg, rgb(17 98 1) 60%, rgb(6 158 14 / 89%));
}

h2 span {
	font-size: 40px;
	font-size: 4rem;
	position: absolute;
	z-index: 1;
	top: 35px;
	left: 0;
	display: block;
	padding-top: 0px;
	padding-left: 10px;
	color: #ffffff;
	text-shadow: none;
}
h2.wrow span{
	top:15px;
	padding-bottom: 1rem; 
	padding-top: 1rem;
}
h2.red span {
	font-size: 40px;
	font-size: 4rem;
	position: absolute;
	z-index: 1;
	top: 35px;
	left: 0;
	display: block;
	padding-top: 0px;
	padding-left: 10px;
	color: #ffffff;
	text-shadow: none;
}
h2.yellow span {
	font-size: 40px;
	font-size: 4rem;
	position: absolute;
	z-index: 1;
	top: 35px;
	left: 0;
	display: block;
	padding-top: 0px;
	padding-left: 10px;
	color: #040a51;
	text-shadow: none;
}

h2.wrow4 span{
	top:65px;
}
h3 {
	position: relative;
	padding-left: 2.4em;
	margin-left: 10px;
	margin-top: 15px;
	font-family: 'Zen Antique', serif;
	font-size: 2.3rem;
	color: #020742;
	/* background-color: #67f37f; */
  }


  h3 span.num {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 1rem;
	color: #ffffff;
	background: #020742;
  }
  
  h3 span.num:after {
	position: absolute;
	top: calc(50% - 7px);
	right: -11px;
	width: 0;
	height: 0;
	content: '';
	border-width: 7px 0 7px 12px;
	border-style: solid;
	border-color: transparent transparent transparent #020742;
	;
  }

  ol {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 0.3em 0.8em;
	/* border: solid 2px #ffb107; */
  }
  ol li {
    /* border-bottom: dashed 1px orange; */
    position: relative;
    padding: 0.5em 0.5em 0.5em 60px;
    margin-bottom: 15px;
    line-height: 40%;
    /* background: #f9f393ab; */
    background-image: linear-gradient(326deg, rgb(243 217 80), rgba(242, 244, 165, 1) 53%, rgb(241 221 116));
    border-radius: 10px;
  }
  ol li:before{
	/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*数字のデザイン変える*/
	display:inline-block;
	/* background: #ffb107; */
    background-image: linear-gradient(228deg, rgb(104 103 98), rgb(36 36 34));
    box-shadow: 1px 1px 5px 0px black;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 2rem;
	border-radius: 50%;
	left: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	/*以下 上下中央寄せのため*/
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  ol li:last-of-type {
	border-bottom: none; /*最後のliの線だけ消す*/
  }


.main{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
  padding: 10px 20px;
	box-shadow: 0 17px 20px 9px #cac8c8;

}
.header{
	margin: 0 auto;
	width: 100%;
	/* background-image: url(../images/img_background_pc.png); */
}
.title{
	width: 100%;
	text-align: center;
	/* padding-top: 100px; */
}
.title img{
	margin: 0 auto;
	width: 100%;
}

.top_img img{
	width: 100%;
	margin-bottom: 15px;
}

.stitle{
	width:100%;
}

.content{
	width: 100%;
	margin: 15px auto;
	margin-bottom: 50px;
	/* margin-left: 50px; */
	padding-bottom: 15px;
	font-family: 'Zen Old Mincho', serif;
	font-weight: 900;
	font-size: 2rem;
	/* background-color: #fff;
	box-shadow: 2px 2px 4px gray; */
}
.content p {
	/* margin-left: 5rem; */
	line-height: 1.6;
	margin: 0 1rem;
}
.content p.pre{
	line-height: 120%;
}
.content p.step{
	line-height: 130%;
    font-size: 2.5rem;
    width: 95%;
    margin: 0 auto;
    letter-spacing: -3px;
    margin-bottom: 20px;
}
.content p.prof{
	font-family: 'Noto Sans JP', sans-serif;font-weight: 400;font-size: 1.6rem;
}

/* .bk1{
	background-image: url(../images/phot01.png);
	background-size:auto 90%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position : right bottom;
}
.bk2{
	background-image: url(../images/phot02.png);
	background-size:auto 90%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position : right bottom;
}
.bk3{
	background-image: url(../images/phot03.png);
	background-size:auto 90%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position : right bottom;
}
.bk4{
	background-image: url(../images/phot04.png);
	background-size:auto 90%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position : right bottom;
}
.bk5{
	background-image: url(../images/phot05.png);
	background-size:auto 90%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position : right bottom;
}
.bk6{
	background-image: url(../images/phot06.png);
	background-size:auto 90%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position : right top;
} */


/*ポイントデザイン*/
/**紺文字・書体・下線**/
span.point1 {
	position: relative;
	padding: 0px;
	/* margin-left: -10px; */
	color: #030939;
	font-weight: 900;
	/* line-height: 250%; */
	/* padding-left: 20px; */
	/* font-family: 'BIZ UDPMincho', serif;
	font-weight: 700; */
	background: linear-gradient(transparent 65%, #ffff7f 65%);
	/* line-height: 150%; */
  }
  
/* span.point1:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #ff3e3e;
	width: 0;
	height: 0;
  } */

/**赤文字・書体・下線**/
span.point2 {
	position: relative;
	padding: 0px;
	color: #ff0000;
	/* line-height: 250%; */
	/* font-family: 'BIZ UDPMincho', serif;
	font-weight: 700; */
	background: linear-gradient(transparent 65%, #ffff7f 65%);

}
span.point3 {
	position: relative;
    padding: 0px;
    background: linear-gradient(transparent 15%, #040c56 15%);
    line-height: 135%;
    padding: 0px 10px;
    color: #ffffff;
    text-shadow: none;
	letter-spacing: 3px;
}
/**赤文字・書体・太字**/
span.point4 {
	position: relative;
	padding: 0px;
	color: #ff0000;
	padding-left: 0px;
	/* font-family: 'BIZ UDPMincho', serif;
	font-weight: 700; */

}
span.point5 {
	position: relative;
	padding: 0px;
	color: #da0606;
	padding-left: 0px;
	font-size: 3rem;
	font-family: 'BIZ UDPMincho', serif;
	font-weight: 700;

}

span.under {
	/* border-bottom: double 6px #87CEFA; */
	background: linear-gradient(transparent 75%, #ffff7f 75%);
	/* line-height: 150%; */
}
.normal-box3{
	margin: 0 auto;
	padding: 1em;
	background-color: #ffcc80;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
	width: 500px;
}

.normal-box3 p{
margin: 0;
padding: 0;
}
/*受付タイトル*/
.formtitle{
	display: block;
	text-align: center;
	margin: auto;
	padding: 2rem 1rem;
	font-size: 2.5rem;
	font-weight: bold;
	border: 2px solid #3A9217;
	color: #fff;
	background: #3A9217;
	/* border-radius: 100vh;
	transition: 0.5s; */
	margin: 30px;
	margin-bottom: 0px;
	text-shadow: 2px 2px black;
	
}
/*申込ボタン*/
input[type='text']{
	width: 100%;
}
a.btn_03,input.btn_03 {
	display: block;
	text-align: center;
	/* vertical-align: middle; */
	text-decoration: none;
	/* width: 120px; */
	margin: auto;
	padding: 1.5rem 4rem;
	font-size: 2.5rem;
	font-weight: bold;
	border: 2px solid #3A9217;
	color: #fff;
	background: #3A9217;
	border-radius: 100vh;
	transition: 0.5s;
	margin: 30px;
	margin-bottom: 10px;
	text-shadow: 2px 2px black;
}
a.btn_03:hover,input.btn_03::hover {
	color: #ffffff;
	background: #3A9217;
}

/*カリキュラムのボックスデザイン*/
.box-design15 {
	margin: 20px auto;
	width: 95%;
}
.box-design15-ttl {
    /*color: #fff;
    padding: 0em 20px;
    margin: 0;*/
	color: #050505;
    font-size: 2.5rem;
     /* font-weight: bold;  */
	 position: relative;
	 overflow: hidden;
	 padding: 1rem 1rem 1rem 12rem;
	 word-break: break-all;
	 border-top: 3px solid rgb(188 178 174);
	 border-right: 2px solid rgb(188 178 174);
	 border-left: 2px solid rgb(188 178 174);
	 border-radius: 12px 0 0 0;
	 margin-left: 0;
	 margin-bottom: 0;
	 text-shadow: 2px 1px 1px white;
}
.box-design15-ttl span{
	font-size: 40px;
	font-size: 2.2rem;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 20px 20px;
	color: #fff;
	text-shadow: none;
	/* border-radius: 10px 0 10px 10px; */
	background-image: linear-gradient(147deg, rgba(0, 35, 8, 1), rgba(3, 76, 9, 1) 24%, rgba(26, 113, 36, 1) 45%, rgba(51, 119, 68, 1) 64%, rgba(26, 86, 41, 1) 78%, rgba(1, 49, 13, 1));
}
.box-design15-ttl span::after{
	content:none ;
}
.box-design15-ttl span.bk1{
	color: #000;
	/* letter-spacing: 0.5px; */
	background-image: linear-gradient(145deg, rgba(237, 230, 3, 1), rgba(250, 242, 82, 0.82) 38%, rgba(255, 247, 44, 1) 71%, rgba(245, 238, 115, 0.67));
}
.box-design15-ttl span.bk2{
    background-image: linear-gradient(147deg, rgb(3, 17, 97), rgba(0, 18, 117, 0.726) 24%, rgb(4 24 138 / 81%) 45%, rgb(45 64 169) 64%, rgb(88 108 217) 78%, rgb(31 52 166));
}
.box-design15-ttl span.bk3{
	background-image: linear-gradient(147deg, rgb(4 49 5), rgb(11 67 12 / 81%) 24%, rgb(4 98 5 / 68%) 45%, rgb(25 126 4) 64%, rgb(14 78 10 / 82%) 78%, rgb(5 49 7));
}
.box-design15-ttl span.bk4{
	color: #000;
	background-image: linear-gradient(147deg, rgb(255 230 0), rgb(255 231 7) 24%, rgb(255 241 0) 45%, rgb(255 230 0 / 84%) 64%, rgb(249 235 0 / 72%) 78%, rgb(255 241 0));
}
.box-design15-ttl span.bk5{
	background-image: linear-gradient(147deg, rgb(186 134 5), rgb(171 123 4) 24%, rgb(180 129 6) 45%, rgb(169 120 1) 64%, rgb(166 117 0) 78%, rgb(149 107 5));
}
.box-design15-ttl span.bk6{
	background-image: linear-gradient(147deg, rgb(0 0 0), rgb(0 0 0) 24%, rgb(0 0 0) 45%, rgb(0 0 0) 64%, rgb(0 0 0) 78%, rgb(0 0 0));
}
.box-design15-ttl span.bk7{
	background-image: linear-gradient(147deg, rgb(136 5 80), rgb(164 5 115) 24%, rgb(168 12 113) 45%, rgb(188 9 118) 64%, rgb(173 16 79) 78%, rgb(175 8 96));
}
.box-design15-ttl span.bk8{
	background-image: linear-gradient(147deg, rgb(175 8 8), rgb(182 2 2) 24%, rgb(220 23 23) 45%, rgb(244 23 23) 64%, rgb(230 51 51) 78%, rgb(168 13 13));
}
.box-design15-ttl span.bk9{
	background-image: linear-gradient(147deg, rgb(0 84 255), rgb(3 85 224) 24%, rgb(2 71 215) 45%, rgb(7 84 255) 64%, rgb(6 73 217) 78%, rgb(8 24 138));
}
.box-design15-ttl span.bk10{
	background-image: linear-gradient(147deg, rgb(2 71 7), rgb(1 62 6 / 86%) 24%, rgb(1 76 20 / 88%) 45%, rgb(2 84 26 / 91%) 64%, rgb(11 76 2) 78%, rgb(16 104 2));
}
.box-design15-ttl span.bk11{
	background-image: linear-gradient(145deg, rgb(3 17 107), rgb(4 24 118 / 87%) 38%, rgb(0 9 118 / 81%) 71%, rgb(4 18 118));
	/* text-shadow: 0 0 9px BLACK; */
}
.box-design15-ttl span.bk12{
	background-image: linear-gradient(145deg, rgb(215 13 13), rgb(242 37 37) 38%, rgb(255 24 24) 71%, rgb(220 10 10));
}






.box-design15-txt {
	padding: 10px;
	padding-right: 0px;
	letter-spacing: -1px;
}
.box-design15-txt p {
	margin-left: 0rem;
	font-size: 2rem;
}
.box-design15-c01-bk1{
	letter-spacing: -0.3rem;
    /* background-image: linear-gradient(180deg, rgb(64 2 100 / 15%) 10%, rgb(64 2 100 / 16%) 20%, rgb(66 1 104 / 60%) 72% 97%); */
}
/* .box-design15-c01-bk2{
	background-image: linear-gradient(180deg, rgb(7 40 168 / 26%) 10%, rgb(3 29 159 / 26%) 20%, rgb(7 59 190 / 66%) 72% 97%);
}
.box-design15-c01-bk3{
    background-image: linear-gradient(180deg, rgb(3 85 5 / 25%) 10%, rgb(3 127 6 / 40%) 20%, rgb(11 116 13 / 72%) 72% 97%);
}
.box-design15-c01-bk4{
    background-image: linear-gradient(180deg, rgb(192 202 75 / 31%) 10%, rgb(192 202 75 / 32%) 20%, rgb(182 214 5 / 73%) 72% 97%);
}
.box-design15-c01-bk5{
    background-image: linear-gradient(180deg, rgb(196 141 7 / 19%) 10%, rgb(196 143 14 / 30%) 20%, rgb(238 172 12 / 65%) 72% 97%);
}
.box-design15-c01-bk6{
    background-image: linear-gradient(180deg, rgb(255 97 97 / 27%) 10%, rgb(255 97 97 / 44%) 20%, rgb(255 97 97 / 82%) 72% 97%);
}
.box-design15-c01-bk7{
    background-image: linear-gradient(180deg, rgb(172 14 143 / 15%) 10%, rgb(174 8 157 / 16%) 20%, rgb(196 7 122 / 60%) 72% 97%);
}
.box-design15-c01-bk8{
    background-image: linear-gradient(180deg, rgb(48 2 100 / 15%) 10%, rgb(52 2 100 / 16%) 20%, rgb(50 15 148 / 60%) 72% 97%);
}
.box-design15-c01-bk9{
    background-image: linear-gradient(180deg, rgb(10 165 230 / 19%) 10%, rgb(10 156 230 / 18%) 20%, rgb(11 165 243 / 71%) 72% 97%);
}
.box-design15-c01-bk10{
    background-image: linear-gradient(180deg, rgb(9 126 43 / 26%) 10%, rgb(7 144 81 / 31%) 20%, rgb(5 138 77 / 74%) 72% 97%);
}
.box-design15-c01-bk11{
    background-image: linear-gradient(180deg, rgb(234 251 0 / 31%) 10%, rgb(234 251 0 / 32%) 20%, rgb(234 251 0) 72% 97%);
}
.box-design15-c01-bk12{
    background-image: linear-gradient(180deg, rgb(171 80 8 / 26%) 10%, rgb(158 44 10 / 28%) 20%, rgb(193 93 14 / 70%) 72% 97%);
} */






.box-design15-c01-bd{
	border: 2px solid rgb(188 178 174);
	/* border:2px solid #02320a; */
}

.box28 {
    position: relative;
    margin: 10px auto;
	/* padding: 1.5rem;
    padding-top: 3.5rem;
    border: solid 2px #535351; */
	background-color: #fff;
	box-shadow: 2px 2px 4px gray;
	width: 95%;
}
.box28 .box-title01,
.box28 .box-title02,
.box28 .box-title03 {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: -12px;
    padding: 0 9px;
    height: 60px;
    width: 430px;
    line-height: 50px;
    font-size: 2rem;
    color: #ffffff;
	text-shadow: 2px 1px 5px black;
    font-weight: bold;
}
.box28 .box-title01{
	background-image: url(../images/bk_ribon01.png);
    background-repeat: no-repeat;
}
.box28 .box-title02{
	background-image: url(../images/bk_ribon02.png);
    background-repeat: no-repeat;
}
.box28 .box-title03 {
	background-image: url(../images/bk_ribon03.png);
    background-repeat: no-repeat;
}
.box28 img{
	width: 100%;
	margin: 0;
}
.box28 p {
    margin: 10px 50px; 
    padding: 0;
}

.content .container {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	max-width: 1800px;
	font-size: 1.5rem;
}
.content .container .item{
	width: 100%;
    margin: 0 auto 30px;
    position: relative;
    border: solid 10px #b50606;
    /* box-shadow: inset 0 0 7px 0px black; */
    /* border-radius: 15px; */
    padding: 30px;
    text-align: center;
}
/* .content .container .item img {
	position: absolute;
	top: 5px;
	left: 190px;
} */
.content .container .item h3{
    color: #960505;
    margin: 0px 0 0 0;
    padding: 0px;
    font-size: 2.5rem;
    /* padding-left: 2.8rem; */
    text-align: center;
}
.content .container .item p{
	/* margin: 10px 50px; */
    padding: 15px 0px;
    text-align: left;
    font-size: 1.8rem;
}
.content .container .item img.cut{
	width: 100%;
    position: unset;
	margin-top: 15px;
  margin-bottom: 15px;
	/* float: right; */
}
/* .box{
	/* border: solid 1px #f9156c; */
	/* padding: 10px; */
/*	width: 95%;
	margin: 0 auto;
	margin-top: 150px;	
}
.box h3{
	/* background: #f9156c; */
/*	color: #eea214;
	margin: 0;
	display:inline-block;
	padding: .3em .7em;
	border-radius: 0 0 5px 0;
	font-size: 150%;
  } */

/* .box {
	margin: 30px;
    padding: 1em;
    position: relative;
}
.box::before, .box::after {
content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}
.box::before {
	border-left: 5px solid #aaa;
	border-top: 5px solid #aaa;
	top: 0;
	left: 0;
}
.box::after {
	border-right: 5px solid #aaa;
	border-bottom: 5px solid #aaa;
	bottom: 0;
	right: 0;
}

.box p{
	margin: 5px;
} */
.parent{
	display: flex;
	flex-direction: row;
	justify-content: center;
	/* padding: .8em; */
}
.parent .child{
	width:45%;
	margin: 10px;
	margin-top: 10px;
	padding: 15px;
	padding-right: 0px;
	background-color: #ffffff;
	font-family: 'Kiwi Maru', serif;
	font-size: 160%;
	box-shadow: 2px 2px 4px gray;
	border-radius: 10px;
}

.f-red{
	color: #f91515;
	text-shadow: 0 0 1px #f91515;
}
.f-yellow{
	color:rgb(255, 196, 0);
	text-shadow: 0 0 1px rgb(255, 196, 0);
}
.b{
	font-weight: bold;

}

.catch{
	background-color: #25820c;
	margin: 0;
	padding: 0px;
}
.catch p{
	color: #FFF;
	font-size: 68px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.5;
	margin: 0;
}
.info{
	margin: 20px 0;
}
.contact{
	width: 900px;
	background-color: #fcf2f7;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 15px;

}
.contact p{
	font-size: 30px;
	margin: 0;
	font-family: 'Noto Sans JP', sans-serif;
	color: #0a0a0a;
	text-align: center;
}
.contact p.tel{
	font-size: 45px;
	margin: 0;
	font-family: 'Noto Sans JP', sans-serif;
	color: #f9156c;
}

/*フォームの設定 bootstrapに追加分*/
form{
	width: 100%;
	font-size: 1.5rem;
	margin: 20px auto;
}
form table{
	width: 80%;
	margin: 0 auto;
}
form table, form table tr,form table td{
	font-family: 'M PLUS 1p', sans-serif;
}


/* Google Mapを囲う要素 */
.gmap{
	width:900px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.map {
	position: relative;
	width: 900px;
	height: 0;
	padding-top: 675px; /* 比率を4:3に固定 */
  }
  
  /* Google Mapのiframe */
  .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

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


@media only screen and (max-width: 1040px){

body{
	width: 100%;
	margin: 0;
}
img{
	width: 80%;
}
.pc{
	display: none;
}
.sp{
	display: block;
}

.main{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	/* background-image: url(../images/img_background_sp.png), linear-gradient(to bottom, #ffffff 10%, #cedeff93 30%)  ; */
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 1px;
  padding: 20px 10px;
}
/*.header{
	 height: 860px; 
}*/
.title{
	width: 100%;
	text-align: center;
	/* padding-top: 5px; */
}
.title img{
	margin: 0 auto;
	width: 100%;
}

h1{
	font-size: 2rem;
	margin-left: 10px;
}



h2{
 height: 110px;
}
h2.wrow {
    padding: 1.3rem 2rem 1.2rem 4rem;
}
h2.wrow4{
	height: 120px;
	padding: 1.1rem 2rem 1.2rem 4rem;
}
h2,h2.red{
	font-size: 1.7rem;
	letter-spacing: -1.5px;
	text-shadow: 0px 0px 2px #ffffff, 0px 1px 2px #ffffff, 1px 0px 5px #ffffff;
	padding: 2.4rem;
	padding-left: 3.5rem;
	padding-right: 0rem;
}
h2.wrow4{
	font-size: 1.7rem;
	letter-spacing: -1px;
	text-shadow: 0px 0px 2px #ffffff, 0px 1px 2px #ffffff, 1px 0px 5px #ffffff;
	padding: 2.5rem;
	padding-left: 4rem;
}
h2:before, h2.red:before, h2.yellow:before, h2.green:before, h2.wrow4::before {
	left:-150px;
}
h2.wrow4 span {
	top:35px;
}
h2 span, h2.red span{
	font-size: 2rem;
	top: 2rem;
    left: -3px;
}
h2.yellow span, h2.green span{
	font-size: 2rem;
	top: 2rem;
    left: -3px;
}
h2.wrow span {
	top:13px;
}




h3{
	margin-top: 0px;
    font-size: 1.5rem;
    padding-left: 3.5rem;
}
h3 span.num {
    padding: 0 0.5rem;
}

.content{
	width: 100%;
	margin: 0px;
	margin-top: 20px;
	font-size: 1.1rem;
	background-color: #fff;
	box-shadow: 2px 2px 4px gray;
}
.content p {
	margin:10px;
	line-height: 1.6;
	font-size: 1.3rem;
}
.bk1,.bk2,.bk3,.bk4,.bk5,.bk6{
	background-image: none;
}

.content p.step {
    font-size: 1.6rem;
}
.content p.prof{
	font-size: 1.2rem;
}
.content .container .item img {
	width: 80%;
	left: 30px;
}
.content .container .item img.cut {
	width: 100%;
	height: auto;
	margin-top: 5px;
}

.content .container .item h3 {
	font-size: 1.8rem;
	/* margin-top: 90px; */
	letter-spacing: -2px;
}
.content .container .item p {
	font-size: 1.2rem;
	margin: 3px;
	padding: 5px;
}

.container{
	padding-left: 0px;
	padding-right: 0px;
}

.box-design15 {
    margin: 5px auto;
}

.box-design15 h3.wrow{
	padding-top: 0.8rem;
  }
  
.box-design15 .wrow span {
height: 100px;
padding-top: 2rem;
}
.box-design15-txt {
    padding: 0px;
}
.box-design15-ttl span {
    font-size: 1.5rem;
	padding: 27px 18px;
	height: 90px;
}
.box-design15-ttl {
	font-size: 1.7rem;
    padding-left: 8rem;
	padding-top: 1.5rem;
	letter-spacing: -2px;
	height: 90px;
}
.box-design15-txt p {
    font-size: 1.3rem;
}


.formtitle {
	width: 100%;
	margin: 0;
	padding: 0px;
	font-size: 1.4rem;
	margin-bottom: 0px;
}

a.btn_03,input.btn_03 {
	padding: 0.8rem 0.8rem;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 7vh;
    transition: 0.5s;
    margin: 0px;
    margin-top: 20px;
}



span.point1{
	padding-left: 0px;
}

/* span.point2{
	padding-left: 10px;
	line-height: 140%;
} */

span.point5 {
	font-size: 1.8rem;
}



.box{
	/* padding: 10px; */
	width: 95%;
	margin: 0 auto;
	margin-top: 5px;	
}
.box p{
	margin: 0;
	line-height: 120%;
}
.parent{
	flex-direction: column;
}
.parent .child{
	width:90%;
	margin: 0 auto;
	margin-bottom: 10px;
	/*padding: 15px;
	padding-right: 0px;
	background-color: #fcf2f7;
	font-family: 'Kiwi Maru', serif;
	font-size: 160%; */
}

.catch p{
	color: #FFF;
	font-size: 32px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.5;
	margin: 0;
}


.contact{
	width: 100%;
}
.contact p{
	font-size: 25px;
}
.contact p.tel{
	font-size: 45px;
}

/*フォームの設定 bootstrapに追加分*/
form{
	width: 90%;
	font-size: 18px;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 15px auto;
}
form table{
	margin-bottom: 15px;
}
form table th, form table td{
	width: 100%;
	display: block;
}
.btn{
	font-size: 20px;
	margin-top: 10px;
}

.gmap{
	width:90%;
	margin: 10px auto;
}
.map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%; /* 比率を4:3に固定 */
}





}

a {
  color: #999;
  text-decoration: none;
}

ul {
  list-style: none;
  padding: 0;
}

.footer {
  padding: 1rem;
  font-size: 15px;
  color: #fff;
  background: #030937;
  border-top: 1px solid #e5e7eb;
}

.footer a:hover {
  color: #000;
}

@media (min-width: 768px) {
  .footer {
    display: flex;
    justify-content: space-between;
  }

  .md-flex {
    display: flex;
  }

  .md-flex li + li {
    margin-left: 16px;
  }
}




@keyframes anime{
0%{transform:scale(.95); opacity:1}
90%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0}
}

div.linkbtn {
  position: relative;
  width: 90%;
  margin: 30px auto;
  transition: .2s;
}
div.linkbtn:before, div.linkbtn:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 3px;
  left: 0;
  border-radius: 100vh;
  background: #afcaa5;
  border: 1px solid #afcaa5;
  transform: translate3d(0,0,0);
}
div.linkbtn:before {
  animation: anime 2s ease-out infinite;
}
div.linkbtn:after {
 animation: anime 2s ease-out 1s infinite;
}
div.linkbtn a {
  display: block;
  position: relative;
  top: 3px;
  padding: 20px 0;
  border-radius: 100vh;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #225d0a;
}
div.linkbtn a:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #3A9217;
  border-radius: 100vh;
  transition: .2s;
  transform: translate3d(0,0,0);
}
div.linkbtn a span {
  display: block;
  position: relative;
  top: -3px;
  z-index: 2;
  transition: .2s;
}
div.linkbtn a:hover {
  top: 3px;
}
div.linkbtn a:hover:after {
  top: 0;
  background: #225d0a;
}
div.linkbtn a:hover span {
  top: 0;
}
@media only screen and (max-width: 1040px){
  div.linkbtn {
    width: 95%;
  }
    div.linkbtn a {
    font-size: 25px;
  }
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.midasi_01 {
  margin-bottom: 20px;
  padding-left: 0;
}
.bg_pattern {
  margin-bottom: 50px;
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.bg_pattern p {
  font-size: 25px;
}
@media only screen and (max-width: 1040px){
  .bg_pattern p {
  font-size: 18px;
}
}
.Paper_v2 {
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),
 
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
}



.heading12 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 40px;
  margin: 40px 0;
  font-size: 40px;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(145deg, #d4af37, #a67c00); /* ゴールドグラデ */
  border: 5px solid #fff7c0;
  border-radius: 12px;
  box-shadow:
    0 8px 15px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(212, 175, 55, 0.7);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
  box-sizing: border-box;
  text-align: left;
}

/* キラッ演出 */
.heading12::after {
  content: "";
  position: absolute;
  top: 0;
  left: -5%;
  width: 110%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.6) 50%, transparent 100%);
  transform: skewX(-20deg);
  animation: shine 2.5s infinite;
  z-index: 1;
  pointer-events: none;
  border-radius: 12px;
}

@keyframes shine {
  0% { transform: translateX(-100%) skewX(-20deg); }
  100% { transform: translateX(100%) skewX(-20deg); }
}

/* 番号 */
.heading12::before {
  content: attr(data-number);
  display: inline-block;
  margin-right: 20px;
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  background: #4b3621;
  padding: 10px 25px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  text-shadow: none;
  z-index: 2;
}



.sub {
  display: block;
  font-size: 40px;
  color: #538408;
}

.price {
  font-size: 45px;
  color: red;
}
.img100 {
  width: 100%;
}
.aori {
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 1040px){
    .heading12 {
	font-size: 25px;
}

.heading12::before {
	font-size: 40px;
}
    .sub {
  font-size: 30px;
}
  .price {
  font-size: 35px;
  color: red;
}
}
@media only screen and (max-width: 414px){
.heading12::before {
	display: block;
}
}


.price_img {
  width: 62%;
  margin: 0 auto;
}

.big {
  font-size: 35px !important;
}
@media only screen and (max-width: 1040px){
  .big {
    font-size: 25px !important;
  }
}