@charset "utf-8";
/*
Theme Name: NINJA TRICK HOUSE
Theme URI: https://ninja-trick-house.xyz
Description:　NINJA TRICK HOUSE LP
*/

/* clearfix */
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-table;min-height:1%;}
/* Hides from IE-mac */
* html .clearfix {height:1%;}.clearfix{display:block;}
/* End hide from IE-mac */

/*/////SETTING/////*/
*{ margin: 0px; padding: 0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,
embed {vertical-align: top;}
hr,legend {display: none;}
img,abbr,acronym,fieldset {border: 0;}
img { vertical-align: top; line-height: 0; margin: 0; padding: 0;}
dt {font-weight: bold;	}

body {margin:0;padding:0; background: url(../images/body_bg.gif) repeat;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic" ,sans-serif;; font-weight: 500; font-size: 15px; color: #000000;line-height: 1.8em;}

.br-pc { display: inherit;}
.br-sp { display: none;}
br {letter-spacing:normal;}
.clear { clear: both; }
blockquote { background: #eee; padding: 5px 10px; border: 1px solid #ccc; margin-bottom: 20px;}
ol { list-style: decimal;}
.min { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

a:link,
a:visited {color: #000;text-decoration: none;word-wrap: break-word;}
a:hover,
a:active { text-decoration: underline;opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

/* all */
section { width:100%; text-align: center; margin: 0 auto;}
section h2 { font-size: 36px; font-weight: bold; position: relative; margin-bottom: 2em;}
section h2 span { position: relative; font-style: italic;}
section h2 span:after { position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; bottom: -10px; width: 100%; height: 5px;background: rgba(254,0,84,1);
background: -moz-linear-gradient(left, rgba(48,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,0,84,1)), color-stop(100%, rgba(232,202,39,1)));
background: -webkit-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -o-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -ms-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: linear-gradient(to right, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0054', endColorstr='#e8ca27', GradientType=1 );}
section h2 span.contact:after { position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; bottom: -10px; width: 100%; height: 5px;background: rgba(48,0,255,1);
background: -moz-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,0,255,1)), color-stop(100%, rgba(0,255,126,1)));
background: -webkit-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -o-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -ms-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: linear-gradient(to right, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3000ff', endColorstr='#00ff7e', GradientType=1 );}

.cvBtn { margin: 1em 0; }
.cvBtn a { display: block; width: 540px; height: 90px; font-size: 30px; margin: 0 auto; font-weight: bold; color: #FFF; letter-spacing: 0.1em; line-height: 90px; text-align: center; border-radius: 45px;background: rgba(48,0,255,1);
background: -moz-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,0,255,1)), color-stop(100%, rgba(0,255,126,1)));
background: -webkit-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -o-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -ms-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: linear-gradient(to right, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3000ff', endColorstr='#00ff7e', GradientType=1 );
box-shadow:5px 5px 15px 0 rgba(0,0,0,0.45);
transition: all 0.3s;}
.cvBtn a:hover { text-decoration: none;-webkit-transform: translateY(5px);transform: translateY(5px); transition: -webkit-transform 400ms ease; transition: transform 400ms ease; box-shadow: none;}

.shadow { background: #FFF; box-shadow: 5px 5px 25px 0 rgba(0,0,0,0.1); border-radius: 12px;}
.wrap900 { width: 900px; text-align: center; margin: 0 auto; padding: 0;}
.wrap1200 { width: 1200px; text-align: center; margin: 0 auto; padding: 0;}

.arrow { position: relative; top: 0; z-index: 5; text-align: center; margin: 0 auto; padding-top: 0.4em; box-sizing: border-box; line-height: 1.8em; background: url("../images/lp01/arrow_bg.png") no-repeat center top; background-size: auto 330px; width: 100%; height: 330px; font-style: italic; font-size: 2.1em; color: #FFF; font-weight: bold;}
.arrow strong { font-size: 1.5em; font-style: italic;}

/* sec01 */
#sec01 { background: url("../images/lp01/mainimg.jpg") no-repeat center top; background-size: cover; min-height: 1200px; position: relative;}
#sec01 .cvBtn { position: absolute; left: 0; right: 0; margin: 0 auto; top: 834px; }

/* sec02 */
#sec02 { padding: 4em 0; background: rgba(255,255,255,0.5);}
#sec02 ul { margin: 0 0 2em 0; padding: 0; list-style: none;}
#sec02 li { float: left; position: relative; width: 50%; height: 360px; margin: 0; padding: 0;}
#sec02 li.sec02_li01 { background: url("../images/lp01/sec02_li01_bg.jpg") no-repeat center top;  background-size: cover; }
#sec02 li.sec02_li02 { background: url("../images/lp01/sec02_li02_bg.jpg") no-repeat center top;  background-size: cover; }
#sec02 li.sec02_li03 { background: url("../images/lp01/sec02_li03_bg.jpg") no-repeat center top;  background-size: cover; }
#sec02 li.sec02_li04 { background: url("../images/lp01/sec02_li04_bg.jpg") no-repeat center top;  background-size: cover; }
#sec02 li .sec02_text { position: absolute; bottom:0; width: 100%; height: 120px; box-sizing: border-box; background: rgba(255,255,255,0.75); padding: 0.5em;}
#sec02 li .sec02_text h3 { font-size: 24px;}
#sec02 .nth { margin: 3em auto; font-weight: bold;}

/* sec03 */
#sec03 { padding: 4em 0;}
#sec03 .wrap1200 { background: url("../images/lp01/sec03_bg.png") no-repeat center top; height: 546px; position: relative;}
#sec03 .shadow { padding: 20px; text-align: center; font-size: 21px;}
#sec03 .nayami01 { position: absolute; left: 8em; top: 0;}
#sec03 .nayami02 { position: absolute; right: 9em; top: 0;}
#sec03 .nayami03 { position: absolute; left: 4em; top: 7em;}
#sec03 .nayami04 { position: absolute; right: 7em; top: 7em;}
#sec03 .nayami05 { position: absolute; left: 2em; top: 13em;}
#sec03 .nayami06 { position: absolute; right: 2em; top: 13em;}
#sec03 .nayami07 { position: absolute; left: 5em; top: 19em;}
#sec03 .nayami08 { position: absolute; right: 5em; top: 19em;}

/* sec04 */
#sec04 { margin: 0 auto; width: 100%; height: 1120px; background: url("../images/lp01/sec04_bg.jpg") no-repeat center top; background-size: cover; }
#sec04 .wrap900 { margin-top: 6em;}
#sec04 .kao01 { float: left; width: 210px;}
#sec04 .fuki01 { float: right; width: 640px; margin-top: 50px; box-sizing: border-box; text-align: left; padding: 40px; font-weight: bold; font-size: 21px; position: relative; background: #FFF; box-shadow: 5px 5px 25px 0 rgba(0,0,0,0.1); border-radius: 12px;}
#sec04 .fuki01:before { position: absolute; content: '';  top: 50%;left: -50px;margin-top: -20px;border: 20px solid transparent;border-right: 30px solid #FFF;}
#sec04 .kao02 { float: right; width: 210px;}
#sec04 .fuki02 { float: left; width: 640px; text-align: left; box-sizing: border-box; padding: 40px;  color: #FFF; font-weight: bold; font-size: 21px; position: relative; background: rgba(254,0,84,1);
background: -moz-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,0,84,1)), color-stop(100%, rgba(232,202,39,1)));
background: -webkit-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -o-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -ms-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: linear-gradient(to right, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0054', endColorstr='#e8ca27', GradientType=1 );
box-shadow: 5px 5px 25px 0 rgba(0,0,0,0.1); border-radius: 12px;}
#sec04 .fuki02:after { position: absolute; content: ''; top: 50%;left: 100%;  margin-top: -20px;border: 20px solid transparent;border-left: 30px solid #e8ca27;}

/* sec05 */
#sec05 { padding: 4em 0; }
#sec05 ul { margin: 0 auto 3em auto; padding: 0; list-style: none; justify-content: center;}
#sec05 li { display: inline-block; width: 31%; padding: 1em; margin: 0.5em; box-sizing: border-box;}
#sec05 li img { margin: 1.5em auto;}
#sec05 li p { font-size: 17px; font-weight: bold;}

/* sec06 */
#sec06 {padding: 4em 0; background: rgba(255,255,255,0.5);}
#sec06 ul { margin: 0 0 3em 0; padding: 0; list-style: none;}
#sec06 li { float: left; position: relative; width: 100%; height: 360px;  margin: 0; padding: 0;}
#sec06 li img { width: auto; height: 360px;}
#sec06 li .sec06_img01,#sec06 li .sec06_img03,#sec06 li .sec06_img05 { float: left; width: 50%; height: auto; overflow: hidden;}
#sec06 li .sec06_img02,#sec06 li .sec06_img04 { float: right; width: 50%; height: auto; overflow: hidden;}
#sec06 li h3 { font-size: 27px; margin-bottom: 1em;}
#sec06 li p { font-size: 18px; text-align: left; line-height: 2.1em;}
#sec06 li .sec06_text01,#sec06 li .sec06_text02,#sec06 li .sec06_text03,#sec06 li .sec06_text04,#sec06 li .sec06_text05 { padding: 3em 4em; box-sizing: border-box;}
#sec06 li .sec06_text01,#sec06 li .sec06_text03,#sec06 li .sec06_text05 { float: right; width: 50%; height: 100%; color: #FFF; background: rgba(254,0,84,1);
background: -moz-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,0,84,1)), color-stop(100%, rgba(232,202,39,1)));
background: -webkit-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -o-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -ms-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: linear-gradient(to right, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0054', endColorstr='#e8ca27', GradientType=1 );}
#sec06 li .sec06_text02,#sec06 li .sec06_text04 { float: left; width: 50%; height: 100%; color: #FFF; background: rgba(254,0,84,1);
background: -moz-linear-gradient(left, rgba(232,202,39,1) 0%, rgba(254,0,84,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,202,39,1)), color-stop(100%, rgba(254,0,84,1)));
background: -webkit-linear-gradient(left, rgba(232,202,39,1) 0%, rgba(254,0,84,1) 100%);
background: -o-linear-gradient(left, rgba(232,202,39,1) 0%, rgba(254,0,84,1) 100%);
background: -ms-linear-gradient(left, rgba(232,202,39,1) 0%, rgba(254,0,84,1) 100%);
background: linear-gradient(to right, rgba(232,202,39,1) 0%, rgba(254,0,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='e8ca27', endColorstr='#fe0054', GradientType=1 );}

/* sec07 */
#sec07 { background: url("../images/lp01/sec07_bg.jpg") no-repeat center top; background-size: cover; padding-bottom: 1em;}
#sec07 .arrow { padding-top: 0.8em; margin-bottom: 3em;}
#sec07 .wrap1200 { margin-bottom: 3em; padding: 40px; box-sizing: border-box;}
#sec07 .sec07_img { float: left; width: 350px;}
#sec07 .sec07_img img { margin-bottom: 2em;}
#sec07 .sec07_text { float: right; width: 740px; text-align: left;}
#sec07 .sec07_text h3 { text-align: left; font-size: 27px; line-height: 1.5em; color: rgba(254,0,84,1);
background: linear-gradient(0deg, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
#sec07 .sec07_text h4 { margin:1em 0 0.25em 0; font-size: 18px;}
#sec07 .sec07_text p { margin-top: 0.25em;}
#sec07 .sec07_text img { margin: 2em auto 0 auto; text-align: center;}
#sec07 .sec07_text ul { padding-left: 20px;}

/* sec08 */
#sec08 { padding: 4em 0; background: rgba(255,255,255,0.5); position: relative; }
#sec08 .sec08_plan_text { text-align: center; font-size: 18px; font-weight: bold; margin: 2em auto;}
#sec08 .plan01 { float: right; background: #FFF; border: 5px solid #fe0054; position: relative; left: 0; right: 0; margin: 0 auto; width: 700px; z-index: 10;}
#sec08 .plan01 h2 { font-size: 21px; padding: 10px; margin: 0; text-align: center;background: rgba(254,0,84,1);
background: -moz-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,0,84,1)), color-stop(100%, rgba(232,202,39,1)));
background: -webkit-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -o-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -ms-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: linear-gradient(to right, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0054', endColorstr='#e8ca27', GradientType=1 );}
#sec08 .plan01 h3 { padding: 10px; font-size: 18px; text-align: center; background: #ffe1eb; margin-bottom: 1em;}
#sec08 .plan02 h3 { padding: 10px; font-size: 18px; text-align: center; background: #ddd8d2; margin-bottom: 1em;}
#sec08 .plan03 h3 { padding: 10px; font-size: 18px; text-align: center; background: #e1e4ff; margin-bottom: 1em;}
#sec08 h4 { padding: 10px; font-size: 18px; text-align: center; background: #f5f0d7; margin-bottom: 1em;}
#sec08 h5 { border-left: 5px solid #d2b100; font-weight: bold; font-size: 15px; text-align: left; margin: 0 1em 0.5em 1em; padding-left: 0.5em;}
#sec08 ul { margin: 0 1em 2em 1em ; padding-left: 20px; text-align: left; list-style: disc;}
#sec08 .plan01 p,#sec08 .plan02 p,#sec08 .plan03 p { text-align: left; margin:0 1em 2em 1em;}
#sec08 .plan01 .price,#sec08 .plan02 .price { font-size: 21px; font-weight: bold; margin-bottom: 1em;}
#sec08 .plan03 .price { font-weight: bold; font-size: 36px; letter-spacing: 0.25em; margin: 1em auto;}
#sec08 .plan01 .price strong { font-size: 36px; color: #fe0054;}
#sec08 .plan02 .price strong { font-size: 36px; color: #d2b100;}
#sec08 .plan02{ background: #FFF; border: 5px solid #b8b1a8; position: relative; z-index: 5; width: 480px; text-align: center;}
#sec08 .plan02 { float: left;}
#sec08 .plan03 { float: left; margin-top: 20px;}
#sec08 .plan02 h2 { text-align: center; margin: 0; padding: 10px; font-size: 21px; background: #b8b1a8;}
#sec08 .plan03 h2 { font-size: 21px; padding: 10px; margin: 0; text-align: center;background: rgba(48,0,255,1);
background: -moz-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,0,255,1)), color-stop(100%, rgba(0,255,126,1)));
background: -webkit-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -o-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -ms-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: linear-gradient(to right, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3000ff', endColorstr='#00ff7e', GradientType=1 ); color: #FFF;}
#sec08 .plan03 { background: #FFF; border: 5px solid rgba(48,0,255,1); position: relative; z-index: 5; width: 480px; text-align: center;}

/* sec09 */
#sec09 { padding: 4em 0;}
#sec09 .wrap1200 { padding: 40px; margin-bottom: 4em;}
#sec09 table { width: 100%; border-collapse:  collapse;}
#sec09 th,td { border: none;}
#sec09 tr { border-bottom: 2px solid #FFF;}
#sec09 thead th { width: 20%; padding: 0;}
#sec09 thead td { width: 40%; font-weight: bold; text-align: center; font-size: 18px; padding: 10px;}
#sec09 thead td img { margin: 20px auto;}
#sec09 thead td.samurai { color: #000; background: #ddd8d2;
background: -moz-linear-gradient(left, #ddd8d2 0%, #f4f0ec 100%);
background: -webkit-linear-gradient(left, #ddd8d2 0%, #f4f0ec 100%);
background: -o-linear-gradient(left, #ddd8d2 0%, #f4f0ec 100%);
background: -ms-linear-gradient(left, #ddd8d2 0%, #f4f0ec 100%);
background: linear-gradient(to right, #ddd8d2 0%, #f4f0ec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd8d2', endColorstr='#f4f0ec', GradientType=1 );}
#sec09 thead td.ninja { color: #FFF; background: rgba(254,0,84,1);
background: -moz-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,0,84,1)), color-stop(100%, rgba(232,202,39,1)));
background: -webkit-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -o-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -ms-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: linear-gradient(to right, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0054', endColorstr='#e8ca27', GradientType=1 );}
#sec09 tbody tr:nth-child(odd) { background: #faf9f8;}
#sec09 tbody tr:nth-child(even) { background: #e8e4e0;}
#sec09 tbody th { width: 20%; padding: 5px; font-weight: bold; font-size: 18px; vertical-align: top; text-align: center;}
#sec09 tbody td { width: 40%; padding: 5px 5px 5px 22px; vertical-align: top; text-align: left; position: relative; }
.icon01 { position: absolute; left: 0; top: 10px; width: 18px; height: 18px; background: url("../images/lp01/icon_check_b.png") no-repeat left top; background-size: 18px;}
.icon02 { position: absolute; left: 0; top: 10px; width: 18px; height: 18px; background: url("../images/lp01/icon_attention_b.png") no-repeat left top; background-size: 18px;}
.icon03 { position: absolute; left: 0; top: 10px; width: 18px; height: 18px; background: url("../images/lp01/icon_check_g.png") no-repeat left top; background-size: 18px;}

/* sec10 */
#sec10 { padding: 4em 0; background: rgba(255,255,255,0.5);}
#sec10 .wrap900 { padding: 2.5em; margin-bottom: 3em;}
#sec10 .sec10_img { float: left; width: 282px;}
#sec10 .sec10_img p { text-align: center; font-size: 18px; padding-top: 0.5em;}
#sec10 .sec10_img h3 { font-size: 24px;}
#sec10 .sec10_img h3 span { font-size: 18px;}
#sec10 .sec10_text { float: right; text-align: left; width: 500px;}
#sec10 .sec10_text p { margin-bottom: 2em;}
#sec10 .sec10_text h3 { font-size: 18px; margin-bottom: 0.5em;}
#sec10 .sec10_text ul { list-style: disc; padding-left: 20px;}

/* sec11 */
#sec11 { padding: 4em 0;}
#sec11 p { margin-bottom: 2em; font-size: 18px;}
#sec11 .shadow { padding: 50px; box-sizing: border-box; margin-bottom: 3em;}
#sec11 table { width: 100%; border-top: 2px solid #cccccc; border-collapse: collapse; }
#sec11 th { width:30%; position: relative; font-weight: bold; font-size: 18px; text-align: left; padding: 15px 0; border-bottom: 2px solid #cccccc;}
#sec11 td { width:70%; position: relative; font-size: 18px; text-align: left; padding: 15px 0 15px 15px; border-bottom: 2px solid #cccccc;}
#sec11 .required { text-align: center; background:#90f3d1; padding: 2px 10px; top: 17px; position: absolute; right: 0; font-weight: normal; font-size: 15px;}
input, button, textarea, select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="text"],input[type="email"],textarea {outline: none;background: #e8e4e0;padding: 10px;-webkit-transition: all .3s;transition: all .3s; border: 1px solid #e8e4e0;width: 100%;}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus {box-shadow: 0 0 7px #1abc9c;border: 1px solid #1abc9c;}
.your-member input[type="text"] { width:50px!important; margin-right: 0.5em;}
input[type="submit"] {
display: block; width: 540px; height: 90px; font-size: 30px; margin: 0 auto; font-weight: bold; color: #FFF; letter-spacing: 0.1em; line-height: 90px; text-align: center; border-radius: 45px;background: rgba(48,0,255,1);
background: -moz-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,0,255,1)), color-stop(100%, rgba(0,255,126,1)));
background: -webkit-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -o-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -ms-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: linear-gradient(to right, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3000ff', endColorstr='#00ff7e', GradientType=1 );
box-shadow:5px 5px 15px 0 rgba(0,0,0,0.45);
transition: all 0.3s;border: none;cursor: pointer;outline: none;}
input[type="submit"]:hover { text-decoration: none;-webkit-transform: translateY(5px);transform: translateY(5px); transition: -webkit-transform 400ms ease; transition: transform 400ms ease; box-shadow: none;}
::placeholder { color: #999999; font-size: 18px;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { background: #f7e700; font-size: 18px; font-weight: bold;}
div.wpcf7-mail-sent-ok {background: #398f14;font-weight: bold;font-size: 18px;color: #FFF;border: 2px solid #398f14;}

#sec11 #privacy { width: 100%;height: 160px;overflow-y:scroll;overflow-x:hidden; padding-right: 1em;}
#sec11 #privacy h3 { text-align: left; font-size: 18px; margin-bottom: 0.5em; border-bottom: 2px solid #CCC;}
#sec11 #privacy h4 { text-align: left; font-size: 15px; margin-bottom: 0.5em;}
#sec11 #privacy p { text-align: left; font-size: 15px;}
#sec11 #privacy ::-webkit-scrollbar {width: 10px;}
#sec11 #privacy ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #999; -webkit-border-radius: 10px;border-radius: 10px;}
#sec11 #privacy ::-webkit-scrollbar-thumb {-webkit-border-radius: 6px;border-radius: 6px;background: #d1c7b8; -webkit-box-shadow: inset 0 0 6px #d1c7b8; }

/* footer */
#page-top { position: fixed; right: 20px; bottom: 20px; z-index: 999;}
#page-top a { font-weight: bold; color: #000; padding: 20px; display: block;}
footer { padding: 4em; text-align: center; margin: 0 auto; background: #212121;}
footer copyright { text-align: center; margin: 0 auto;font-weight: normal;padding: 2px 0px; color: #cccccc;}


/*-------------------------------------------*/
/* Mobile
/*-------------------------------------------*/
@media screen and (max-width: 750px) {
html { margin: 0; padding: 0;width: 100%;}
body { font-size: 95%; line-height: 1.4em; margin: 0; padding: 0;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust:100%;width: 100%;}
img.ajax-loader { width: 20px;}
*{ margin: 0px; padding: 0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.br-pc { display: none;}
.br-sp { display: inherit;}
.youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,
embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
img,abbr,acronym,fieldset {border: 0;}
dt {font-weight: bold;	}
p {   text-align: justify;
  text-justify: inter-ideograph;}

/* all */
section { width:100%; text-align: center; margin: 0 auto;}
section h2 { font-size: 18px; font-weight: bold; position: relative; margin-bottom: 2em;}
section h2 span { position: relative; font-style: italic; display: inline-block;}

.cvBtn { margin: 1em 0; }
.cvBtn a { display: block; width: 270px; height: 45px; font-size: 15px; margin: 0 auto; font-weight: bold; color: #FFF; letter-spacing: 0.1em; line-height: 45px; text-align: center; border-radius: 45px;}
.cvBtn a:hover { text-decoration: none;-webkit-transform: translateY(5px);transform: translateY(5px); transition: -webkit-transform 400ms ease; transition: transform 400ms ease; box-shadow: none;}

.shadow { background: #FFF; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); border-radius: 12px;}
.wrap900 { width: 100%; text-align: center; margin: 0 auto; padding: 0;}
.wrap1200 { width: 100%; text-align: center; margin: 0 auto; padding: 0;}

.arrow { position: relative; top: 0; z-index: 5; text-align: center; margin: 0 auto; padding-top: 0.2em; box-sizing: border-box; line-height: 1.6em; background: url("../images/lp01/arrow_bg.png") no-repeat center top; background-size: auto 165px; width: 100%; height: 165px; font-style: italic; font-size: 1.3em; color: #FFF; font-weight: bold;}
.arrow strong { font-size: 1.15em; font-style: italic;}
	
.drawer-hamburger { z-index: 999!important;}
.drawer-nav { z-index: 999!important;}
.sp-txt { margin-top: 15px; font-size: 80%; font-weight: bold; color:#b32f38;}
.drawer-menu li a { padding: 10px 5px!important; font-size: 12px;}

/* sec01 */
#sec01 { background: url("../images/lp01/mainimg.jpg") no-repeat center top; background-size: cover; min-height: 420px; position: relative;}
#sec01 .cvBtn { position: absolute; left: 0; right: 0; margin: 0 auto; top: 70%; }

/* sec02 */
#sec02 { padding: 2em 0; background: rgba(255,255,255,0.5);}
#sec02 ul { margin: 0 0 2em 0; padding: 0; list-style: none;}
#sec02 li { float: left; position: relative; width: 50%; height: 240px; margin: 0; padding: 0;}
#sec02 li.sec02_li01 { background: url("../images/lp01/sec02_li01_bg.jpg") no-repeat center top;  background-size: 220% auto; }
#sec02 li.sec02_li02 { background: url("../images/lp01/sec02_li02_bg.jpg") no-repeat center top;  background-size: 220% auto; }
#sec02 li.sec02_li03 { background: url("../images/lp01/sec02_li03_bg.jpg") no-repeat center top;  background-size: 220% auto; }
#sec02 li.sec02_li04 { background: url("../images/lp01/sec02_li04_bg.jpg") no-repeat center top;  background-size: 220% auto; }
#sec02 li .sec02_text { position: absolute; bottom:0; width: 100%; height: 150px; box-sizing: border-box; background: rgba(255,255,255,0.75); padding: 0.5em;}
#sec02 li .sec02_text h3 { font-size: 13px; line-height: 1.3em; margin-bottom: 0.5em;}
#sec02 li .sec02_text p { font-size: 11px; line-height: 1.3em; text-align: left;}
#sec02 .nth { margin: 2em auto; font-weight: bold; box-sizing: border-box;}
#sec02 .nth img { width: 50%; margin-bottom: 0.5em;}
	
/* sec03 */
#sec03 { padding: 2em 3%;}
#sec03 .wrap1200 { background: url("../images/lp01/sec03_bg.png") no-repeat center bottom; padding-top: 170vw; background-size: 45% auto;  height: auto; position: relative;}
#sec03 .shadow { padding: 8px!important; text-align: left!important; font-size: 13px;}
#sec03 .nayami01 { width: 49%; position: absolute; left: 0; top: 0;}
#sec03 .nayami02 { width: 49%; position: absolute; right: 0; top: 0;}
#sec03 .nayami03 { width: 49%; position: absolute; left: 0; top: 7em;}
#sec03 .nayami04 { width: 49%; position: absolute; right: 0; top: 7em;}
#sec03 .nayami05 { width: 49%; position: absolute; left: 0; top: 12.5em;}
#sec03 .nayami06 { width: 49%; position: absolute; right: 0; top: 12.5em;}
#sec03 .nayami07 { width: 49%; position: absolute; left: 0; top: 18em;}
#sec03 .nayami08 { width: 49%; position: absolute; right: 0; top: 18em;}

/* sec04 */
#sec04 { margin: 0 auto; width: 100%; height: 610px; background: url("../images/lp01/sec04_bg.jpg") no-repeat center top; background-size: cover;}
#sec04 .wrap900 { margin-top: 2em; padding: 0 3%; }
#sec04 .kao01 img,#sec04 .kao02 img { width: 100%; height: auto;}
#sec04 .kao01 { float: left; width: 105px;}
#sec04 .fuki01 { float: right; width: 60%; margin-top: 5%; box-sizing: border-box; text-align: left; padding: 10px; font-weight: bold; font-size: 14px; position: relative; background: #FFF; box-shadow: 5px 5px 25px 0 rgba(0,0,0,0.1); border-radius: 12px;}
#sec04 .fuki01:before { position: absolute; content: '';  top: 50%;left: -25px;margin-top: -10px;border: 10px solid transparent;border-right: 15px solid #FFF;}
#sec04 .kao02 { float: right; width: 105px;}
#sec04 .fuki02 { float: left; width: 60%; text-align: left; box-sizing: border-box; padding: 10px;  color: #FFF; font-weight: bold; font-size:14px; position: relative; background: rgba(254,0,84,1);
background: -moz-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,0,84,1)), color-stop(100%, rgba(232,202,39,1)));
background: -webkit-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -o-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -ms-linear-gradient(left, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: linear-gradient(to right, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0054', endColorstr='#e8ca27', GradientType=1 );
box-shadow: 5px 5px 25px 0 rgba(0,0,0,0.1); border-radius: 12px;}
#sec04 .fuki02:after { position: absolute; content: ''; top: 25%;left: 100%;  margin-top: -15px;border: 10px solid transparent;border-left: 15px solid #e8ca27;}

/* sec05 */
#sec05 { padding: 2em 0; }
#sec05 ul { margin: 0 auto 2em auto; padding: 0; list-style: none; justify-content: center;}
#sec05 li { display: inline-block; width: 45%; padding: 0.5em; margin: 2% 0; box-sizing: border-box; vertical-align: top;}
#sec05 li:nth-child(odd) { margin-right: 2%;}
#sec05 li img { margin: 0.5em auto; width: 75%; height: auto;}
#sec05 li p { font-size: 13px; font-weight: bold; text-align: left;}
#sec05 p { text-align: center;}

/* sec06 */
#sec06 {padding: 2em 0; background: rgba(255,255,255,0.5);}
#sec06 ul { margin: 0 0 3em 0; padding: 0; list-style: none;}
#sec06 li { float: left; position: relative; width: 100%; height: auto;  margin: 0; padding: 0;}
#sec06 li img { width: 100%; height: auto;}
#sec06 li .sec06_img01,#sec06 li .sec06_img03,#sec06 li .sec06_img05 { float: none; width: 100%; height: auto; overflow: hidden;}
#sec06 li .sec06_img02,#sec06 li .sec06_img04 { float: none; width: 100%; height: auto; overflow: hidden;}
#sec06 li h3 { font-size: 16px; margin-bottom: 0.5em;}
#sec06 li p { font-size: 13px; text-align: left; line-height: 1.8em;}
#sec06 li .sec06_text01,#sec06 li .sec06_text02,#sec06 li .sec06_text03,#sec06 li .sec06_text04,#sec06 li .sec06_text05 { padding: 1em; box-sizing: border-box;}
#sec06 li .sec06_text01,#sec06 li .sec06_text03,#sec06 li .sec06_text05 { float: none; width: 100%; height: 100%; color: #FFF;}
#sec06 li .sec06_text02,#sec06 li .sec06_text04 { float: none; width: 100%; height: 100%; color: #FFF;}

/* sec07 */
#sec07 { background: url("../images/lp01/sec07_bg.jpg") no-repeat center top #2d141c; background-size: contain; padding-bottom: 1em;}
#sec07 .arrow { padding-top: 0.4em; margin-bottom: 1em;}
#sec07 .wrap1200 { margin-bottom: 1.5em; padding: 10px; box-sizing: border-box; width: 94%;}
#sec07 .sec07_img { float: none; width: 100%;}
#sec07 .sec07_img img { margin-bottom: 1em; width: 100%; height: auto;}
#sec07 .sec07_text { float: none; width: 100%; text-align: left;}
#sec07 .sec07_text h3 { text-align: left; font-size: 16px; line-height: 1.5em; color: rgba(254,0,84,1);
background: linear-gradient(0deg, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(254,0,84,1) 0%, rgba(232,202,39,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
#sec07 .sec07_text h4 { margin:1em 0 0.25em 0; font-size: 15px;}
#sec07 .sec07_text p { margin-top: 0.25em; font-size: 13px;}
#sec07 .sec07_text img { margin: 1em auto 0 auto; text-align: center; width: 100%; height: auto;}
#sec07 .sec07_text ul { padding-left: 20px; font-size: 13px;}

/* sec08 */
#sec08 { padding: 2em 3%; background: rgba(255,255,255,0.5); position: relative; }
#sec08 .sec08_plan_text { text-align: center; font-size: 13px; font-weight: bold; margin: 2em auto;}
#sec08 .plan01 { float: none; background: #FFF; border: 5px solid #fe0054; position: relative; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 10;}
#sec08 .plan01 h2 { font-size: 16px; padding: 10px; margin: 0; text-align: center;}
#sec08 .plan01 h3 { padding: 10px; font-size: 14px; text-align: center; background: #ffe1eb; margin-bottom: 1em;}
#sec08 .plan02 h3 { padding: 10px; font-size: 14px; text-align: center; background: #ddd8d2; margin-bottom: 1em;}
#sec08 .plan03 h3 { padding: 10px; font-size: 14px; text-align: center; background: #e1e4ff; margin-bottom: 1em;}
#sec08 h4 { padding: 10px; font-size: 14px; text-align: center; background: #f5f0d7; margin-bottom: 1em;}
#sec08 h5 { border-left: 5px solid #d2b100; font-weight: bold; font-size: 12px; text-align: left; margin: 0 1em 0.5em 1em; padding-left: 0.5em;}
#sec08 ul { margin: 0 1em 1.5em 1em ; padding-left: 20px; text-align: left; list-style: disc;  font-size: 12px;}
#sec08 .plan01 p,#sec08 .plan02 p,#sec08 .plan03 p { text-align: left; margin:0 1em 1em 1em; font-size: 12px;}
#sec08 .plan01 .price,#sec08 .plan02 .price { font-size: 15px; font-weight: bold; margin-bottom: 1em;}
#sec08 .plan03 .price { font-weight: bold; font-size: 21px; letter-spacing: 0.25em; margin: 1em auto;}
#sec08 .plan01 .price strong { font-size: 21px; color: #fe0054;}
#sec08 .plan02 .price strong { font-size: 21px; color: #d2b100;}
#sec08 .plan02 { background: #FFF; border: 5px solid #b8b1a8; position: relative; z-index: 5; width: 100%; text-align: center;}
#sec08 .plan02 { float: none; text-align: center; margin: 20px auto 0 auto;}
#sec08 .plan03 { float: none; text-align: center; margin: 20px auto 0 auto;}
#sec08 .plan02 h2{ text-align: center; margin: 0; padding: 10px; font-size: 15px; background: #b8b1a8;}
#sec08 .plan03 h2 { text-align: center; margin: 0; padding: 10px; font-size: 15px; background: rgba(48,0,255,1);
background: -moz-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,0,255,1)), color-stop(100%, rgba(0,255,126,1)));
background: -webkit-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -o-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: -ms-linear-gradient(left, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
background: linear-gradient(to right, rgba(48,0,255,1) 0%, rgba(0,255,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3000ff', endColorstr='#00ff7e', GradientType=1 ); color: #FFF;}
#sec08 .plan03 { background: #FFF; border: 5px solid rgba(48,0,255,1); position: relative; z-index: 5; width: 100%; text-align: center;}

/* sec09 */
#sec09 { padding: 2em 3%;}
#sec09 .wrap1200 { padding: 10px; margin-bottom: 2em;}
#sec09 table { width: 100%; border-collapse:  collapse;}
#sec09 th,td { border: none;}
#sec09 tr { border-bottom: 2px solid #FFF;}
#sec09 thead th { width: 20%; padding: 0;}
#sec09 thead td { width: 40%; font-weight: bold; text-align: center; font-size: 12px; padding: 5px;}
#sec09 thead td img { margin: 10px auto; width: auto; height: 48px;}
#sec09 thead td.samurai { color: #000;}
#sec09 thead td.ninja { color: #FFF;}
#sec09 tbody tr:nth-child(odd) { background: #faf9f8;}
#sec09 tbody tr:nth-child(even) { background: #e8e4e0;}
#sec09 tbody th { width: 20%; padding: 5px; font-weight: bold; font-size: 12px; text-align: left; vertical-align: top;}
#sec09 tbody td { width: 40%; padding: 5px 5px 5px 22px; font-size: 12px; vertical-align: top; text-align: left; position: relative; }
.icon01 { position: absolute; left: 0; top: 10px; width: 18px; height: 18px; background: url("../images/lp01/icon_check_b.png") no-repeat left top; background-size: 18px;}
.icon02 { position: absolute; left: 0; top: 10px; width: 18px; height: 18px; background: url("../images/lp01/icon_attention_b.png") no-repeat left top; background-size: 18px;}
.icon03 { position: absolute; left: 0; top: 10px; width: 18px; height: 18px; background: url("../images/lp01/icon_check_g.png") no-repeat left top; background-size: 18px;}

/* sec10 */
#sec10 { padding: 2em 3%; background: rgba(255,255,255,0.5);}
#sec10 .wrap900 { padding: 10px; margin-bottom: 2em;}
#sec10 .sec10_img { float: none; width: 100%; text-align: center; margin: 0 auto 1em auto;}
#sec10 .sec10_img img { width: 50%; height: auto;}
#sec10 .sec10_img p { text-align: center; font-size: 15px; padding-top: 0.5em;}
#sec10 .sec10_img h3 { font-size: 18px;}
#sec10 .sec10_img h3 span { font-size: 15px;}
#sec10 .sec10_text { float: none; text-align: left; width: 100%;}
#sec10 .sec10_text p { margin-bottom: 1em; font-size: 12px;}
#sec10 .sec10_text h3 { font-size: 15px; margin-bottom: 0.5em;}
#sec10 .sec10_text ul { list-style: disc; padding-left: 20px; font-size: 12px;}

/* sec11 */
#sec11 { padding: 2em 3%;}
#sec11 p { margin-bottom: 1em; font-size: 12px;}
#sec11 .shadow { padding: 10px; box-sizing: border-box; margin-bottom: 1em;}
#sec11 table { width: 100%; border-top: 2px solid #cccccc; border-collapse: collapse; }
#sec11 th { width:100%; display: block; position: relative; font-weight: bold; font-size: 13px; text-align: left; padding: 10px 0; border-bottom: 2px solid #cccccc;}
#sec11 td { width:100%; display: block; position: relative; font-size: 13px; text-align: left; padding: 10px 0; border-bottom: 2px solid #cccccc;}
#sec11 .required { text-align: center; background:#90f3d1; padding: 2px 10px; top: 8px; position: absolute; right: 0; font-weight: normal; font-size: 12px;}
input, button, textarea, select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="text"],input[type="email"],textarea {outline: none;background: #e8e4e0;padding: 10px;-webkit-transition: all .3s;transition: all .3s; border: 1px solid #e8e4e0;width: 100%;}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus {box-shadow: 0 0 7px #1abc9c;border: 1px solid #1abc9c;}
.your-member input[type="text"] { width:50px!important; margin-right: 0.5em;}
input[type="submit"] {
display: block; width: 270px; height: 45px; font-size: 15px; margin: 0 auto; font-weight: bold; color: #FFF; letter-spacing: 0.1em; line-height: 45px; text-align: center; border-radius: 45px;
transition: all 0.3s;border: none;cursor: pointer;outline: none;}
input[type="submit"]:hover { text-decoration: none;-webkit-transform: translateY(5px);transform: translateY(5px); transition: -webkit-transform 400ms ease; transition: transform 400ms ease; box-shadow: none;}
::placeholder { color: #999999; font-size: 12px;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { background: #f7e700; font-size: 18px; font-weight: bold;}
div.wpcf7-mail-sent-ok {background: #398f14;font-weight: bold;font-size: 18px;color: #FFF;border: 2px solid #398f14;}

#sec11 #privacy { width: 100%;height: 160px;overflow-y:scroll;overflow-x:hidden; padding-right: 1em;}
#sec11 #privacy h3 { text-align: left; font-size: 15px; margin-bottom: 0.5em; border-bottom: 2px solid #CCC;}
#sec11 #privacy h4 { text-align: left; font-size: 12px; margin-bottom: 0.5em;}
#sec11 #privacy p { text-align: left; font-size: 12px;}
#sec11 #privacy ::-webkit-scrollbar {width: 10px;}
#sec11 #privacy ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #999; -webkit-border-radius: 10px;border-radius: 10px;}
#sec11 #privacy ::-webkit-scrollbar-thumb {-webkit-border-radius: 6px;border-radius: 6px;background: #d1c7b8; -webkit-box-shadow: inset 0 0 6px #d1c7b8; }

/* footer */
#page-top { position: fixed; right: 10px; bottom: 10px; z-index: 999;}
#page-top a { font-weight: bold; color: #000; padding: 10px; display: block; font-size: 10px;}
footer { padding: 2em 3%; text-align: center; margin: 0 auto; background: #212121;}
footer copyright { text-align: center; margin: 0 auto;font-weight: normal;padding: 2px 0px; color: #cccccc; font-size: 11px;}
}

@media screen and (max-width: 320px) {
/* sec03 */
#sec03 { padding: 2em 3%;}
#sec03 .wrap1200 { background: url("../images/lp01/sec03_bg.png") no-repeat center bottom; padding-top: 200vw; background-size: 44% auto;  height: auto; position: relative;}
#sec03 .shadow { padding: 8px; text-align: left; font-size: 11px;}
#sec03 .nayami01 { width: 49%; position: absolute; left: 0; top: 0;}
#sec03 .nayami02 { width: 49%; position: absolute; right: 0; top: 0;}
#sec03 .nayami03 { width: 49%; position: absolute; left: 0; top: 8.5em;}
#sec03 .nayami04 { width: 49%; position: absolute; right: 0; top: 8.5em;}
#sec03 .nayami05 { width: 49%; position: absolute; left: 0; top: 17em;}
#sec03 .nayami06 { width: 49%; position: absolute; right: 0; top: 17em;}
#sec03 .nayami07 { width: 49%; position: absolute; left: 0; top: 23.5em;}
#sec03 .nayami08 { width: 49%; position: absolute; right: 0; top: 23.5em;}
}