/* CSS Document */
/*  
Theme Name: 529
Theme URI: 529
Author:  Ryo Hashizume
Author URI: http://bi-pod.net
Version: Ver0.8
*/
@font-face {font-family: YuGothicM; src: local("Yu Gothic Medium"); }
html {width: 100vw; height: 100vh; font-size:62.5%; }
body {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; font-size: 18px; color: #222222; margin: 0px; padding: 0px; text-align: center; overflow-x: hidden; background: url("images/bk.jpg");}
p {margin: 0; padding: 1rem 0; line-height: 150%;font-size:1.8rem;}
img {max-width: 100%; height: auto; border: none; vertical-align: bottom; }
.img_right {float: right; margin: 0px 0px 20px 20px; }
a{color:#58738F;}
a {transition: all 0.3s ease; text-decoration: none; }
a img {display: inline-block; vertical-align: top; opacity: 1; transition: all 0.3s ease; }
a img:hover {opacity: 0.6; }
.clear {clear: both; }

/* hl */
h2{margin:0 auto 4rem auto;padding:0;width: 100%;background:url("images/hl-bk-1.png");display: flex;align-items: center; background-size:contain;background-position: center;height: 20rem;background-repeat: repeat-x;}
.hl-txt{font: normal normal normal 40px/60px Ten Mincho;margin: 0 auto;color:#fff;}
/* hl */
h3{font: normal normal normal 30px/45px Ten Mincho;margin: 0 auto;color:#FFFCA2;padding:2rem 0;}
h3.list-title{font: normal normal normal 30px/45px Ten Mincho;margin: 0 auto;color:#63B5BB!important;padding:2rem 0;}



/* font */
.center {margin: 0px auto; }
.right {text-align: right; }
.under {text-decoration: underline; }
.through {text-decoration: line-through; }
.red {color: #E72D30; }
.pu{color:#7C469B;}
.yl{color:#fffd45;}
.brown {color: #5b0101; }
.bl {color: #044ab2; }
.gl {color:#0AFF00; }
.yellow {padding: 2px; background: #fff600; }
.redbox {margin-right: 6px; padding: 3px; color: #fff; background: #e03838; font-size: 1.4em; }
.shadow {box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); }
.middle{font-size:2rem;}
.up{font-size:2.5rem;line-height: 3.5rem;}
.cm{font-family: ten-mincho, serif;font-weight: 400;font-style: normal;}
#pageTop {position: fixed; bottom: 30px; right: 30px; }
#pageTop i {padding-top: 12px; font-size: 1.2em; }
#pageTop a {display: block; z-index: 999; padding: 0; border-radius: 5px; width: 60px; height: 45px; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#pageTop a:hover {text-decoration: none; opacity: 0.7; }
.forpc {display: block; }
.forsp {display: none; }
.q_icon {width: 30px; height: 39px; float: left; margin: 0 20px 0 0; background: url("images/Q.png") top left no-repeat; }
.a_icon {width: 30px; height: 39px; float: left; margin: 0 20px 0 0; background: url("images/A.png") top left no-repeat; }
.qa_txt {width: 820px; margin: 0 0 15px 0; border-radius: 10px; float: left; padding: 15px; }
.bg_bl {background: #e6f7ff; }
.bg_pi {background: #ffe6fc; margin: 0 0 40px 0; }
.imgright{float: right; padding: 0 0 20px 20px;}

/*************** header***************/
header {
background: #fff; /* Old browsers */
}
.hl-sec{background: #63B5BB 0% 0% no-repeat padding-box;
padding:2rem 0;
opacity: 1;text-align: center;
font: normal normal normal 35px/50px Ten Mincho;
letter-spacing: -2px;
color: #FFFFFF;
opacity: 1;}
.head-txt{padding:1rem;}
.top {padding: 20px 0 20px 0; width: 100%;background: transparent url('images/main-bk.png') 0% 0% no-repeat padding-box;
background-position: center;
opacity: 1;
font: normal normal normal 35px/50px Ten Mincho;
background-size:cover;}
.top p{text-align: center!important;font-size:3rem;padding:2rem 0 4rem 0;}
.lead{background:url(images/lead-bk.png);background-size:contain;background-repeat: no-repeat;background-position: center;max-width: 980px;margin:0 auto;padding:6rem 0; }
.keyword{margin:4rem auto 4rem auto;}



/*************** form**************/
.form-top-txt{font: normal normal normal 50px/50px Ten Mincho;color:#63B5BB;margin: 2rem auto;}
.sec-form01{background: #63B5BB 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;padding:1rem;max-width: 923px;margin: 0rem auto 4rem auto;position: relative;}
.form-title{font: normal normal normal 35px/50px Ten Mincho;color:#fff;padding:4rem 0;}
.sec-form01 .inner{padding:4rem 0 2rem 0;background:#fff;position: relative;}
.end{position: absolute;background:rgba(0,0,0,0.87);color: #fff;height: 100%;width: 100%;margin-top:-4rem;display: flex;align-items: center;justify-content: center;font-size: 4rem;}
.badge{position: absolute;top:-4rem;left: -6rem}

/*form-btn*/
.input{display: flex;justify-content: flex-start;margin:0 auto 2rem auto;}
.label{font: normal normal normal 2.5rem/3.5rem DNP ShueiYMinStd;letter-spacing: 0px;width: 40%;text-align: right;padding:0 1rem 0 0;color:#786842;}
.in-box{width: 40%;}
.form-txt{font-size:1.4rem;text-align: center;padding:2rem 0;background:#EBEBEB;text-align: left;padding:1rem;width: 90%;margin:2rem auto 0 auto;color:#FE6A07}
.btn{width: 70%;margin: 0 auto;background: transparent linear-gradient(180deg, #A175EF 0%, #5F28C2 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;color: #fff;font: normal normal normal 35px/50px Ten Mincho;border: none;padding:2rem 0;}


/***************  contents***************/
.wrapper {width: 980px; margin: 0 auto; }
.c-btn{margin:4rem auto;}
.go-btn{box-shadow: 0px 5px 0px 1px #317169;border:solid thin #fff;border-radius: 0.5rem;padding:4rem 2rem;max-width: 800px;margin: 4rem auto 4rem auto;
color:#fff!important;
display: block;
font: normal normal normal 40px/50px Ten Mincho;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#24c1a2+50,1ea077+97,1ea077+100 */
background: #24c1a2; /* Old browsers */
background: -moz-linear-gradient(top,  #24c1a2 50%, #1ea077 97%, #1ea077 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #24c1a2 50%,#1ea077 97%,#1ea077 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #24c1a2 50%,#1ea077 97%,#1ea077 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c1a2', endColorstr='#1ea077',GradientType=0 ); /* IE6-9 */	
}
.c-img{margin: 2rem auto;}
.wrapper p {width: 100%; text-align: left; }
.kanteishi{box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);max-width: 980px;margin:4rem auto 4rem auto;padding:2rem;background:url("images/sec01-bk.jpg");border-radius: 1rem;}
.kanteishi-prof{display: flex;justify-content: center;align-items: center;margin-top:2rem;}

/***************present**************/

.present{background: transparent url('images/pre-bk.png') 0% 0% no-repeat padding-box;padding:0 0 2rem 0; }
.pre01{background:url('images/pre01.png');padding:0;background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.pre02{background:url('images/pre02.png');padding:0;background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.pre03{background:url('images/pre03.png');padding:0;background-repeat: no-repeat;background-size:cover;}
.pre04{background:url('images/pre04.png');padding:1rem;background-repeat: no-repeat;background-size:cover;}
.pre05{background:url('images/pre05.png');padding:0;background-repeat: no-repeat;background-size:cover;}
.pre06{background:url('images/pre06.png');padding:0;background-repeat: no-repeat;background-size:cover;}
.present-box{width: 30%;margin: 0 auto 2rem auto;border:solid thin #63B5BB;}
.pre-head{padding:1rem;font: normal normal normal 30px/45px Ten Mincho;background:#63B5BB;color:#fff;}
.pre-txt{text-align: center;
font: normal normal normal 30px/45px Ten Mincho;
letter-spacing: 0px;
color: #033F4E;opacity: 1;max-width: 980px;margin: 4rem auto;}
.pre-txt02{padding:4rem 0 2rem 0;width: 90%;margin: 0 auto;text-align: left;font: normal normal normal 16px/20px Ten Mincho;}
.pre-flex{display: flex;align-items: stretch;justify-content: space-between;margin: 0 auto;width: 95%;max-width: 980px;flex-wrap: wrap;}


/***************sec01**************/

.sec01 {max-width:100%; margin: 0px auto; text-align: center;}
.sec01-list{background:url("images/sec01-list-bk.png");background-repeat: no-repeat;background-size:contain;background-position: right;background-color:#51656E;text-align: left;border: solid 0.5rem #BEBB68;
letter-spacing: 0px;
color: #FFFFFF;padding:2rem;margin: 2rem 0;}
.sec01-list p{padding:1rem;font: normal normal normal 30px/45px Ten Mincho;}

/***************sec02**************/
.sec02 {max-width:100%; margin: 0px auto; text-align: center;}
.sec02-list{text-align: left;
font: normal normal normal 40px/60px Ten Mincho;
letter-spacing: 0px;
color: #FFFFFF;padding:2rem;margin: 2rem 0;}
.sec02-list p{font-size:2.5rem;}
.sec-case{background:#63B5BB;border-radius: 1rem;padding:1rem;}
.sec-case .inner{border:solid thin #fff;text-align: center;padding:4rem 0;}
.author-list{display: flex;justify-content: space-around;width: 90%;flex-wrap: wrap;margin: 4rem auto 0 auto;}
.author img{margin:0!important;}
.author {text-align: center;color:#fff;font-family: ten-mincho, serif;font-weight: 400;font-style: normal;padding:0;font-size:3rem;}
.sec02-site{display: flex;align-content: flex-start;margin:4rem auto;justify-content: center;flex-wrap: wrap;}
.sec02-site .site{padding:2rem 0;width: 45%;text-align: center;color:#fff;font-family: ten-mincho, serif;font-weight: 400;font-style: normal;font-size:3rem;}
.sec02-site img{width: 90%;margin:0 auto;}
.author-list img{margin-bottom:4rem;}

/***************sec03**************/

.sec03{background:url("images/sec03-bk.png");padding:4rem 0;}
.sec03-list{font-family: ten-mincho, serif;font-weight: 400;font-style: normal;background:rgba(255,255,255,0.66);background-image: url("images/sec04-list.png");background-repeat: no-repeat;background-position: right bottom;max-width: 980px;margin: 0 auto;padding:2rem;background-size:30%;border-radius: 1rem;}
.sec03-list p{text-align: left;font-size:2.5rem;}


/***************sec04**************/
.sec04{margin: 0 auto;}
.lesson{background:#D8F5F2;padding:4rem;margin: 2rem auto;}
.tag-lesson{background: transparent linear-gradient(180deg, #51B7D1 0%, #0FA6CC 100%) 0% 0% no-repeat padding-box;
border-radius: 60px;
opacity: 1;font-family: ten-mincho, serif;font-weight: 400;font-style: normal;color:#fff;font-size:4rem;width: 40%;}
.lesson-pic{display: flex;justify-content: space-between;}


/***************sec05**************/
.sec05{margin:0 auto;padding:6rem 0;background:#63B5BB;}
.merit{padding:0;margin:0 auto 4rem auto;position: relative;}
.merit-title{font-family: ten-mincho, serif;font-weight: 400;font-style: normal;text-align: left;padding:8rem 2rem 0 2rem;font-size:3rem;}
.merit-no{background:url('images/merit-no.png');background-size:cover;
opacity: 1;width: 8rem;height: 8rem;position: absolute;left: 0;top:-2rem;font-family: ten-mincho, serif;font-weight: 400;font-style: normal;color:#4B0D0D;font-size:8rem;line-height: 8rem;}
.merit .in{background:#fff;padding:2rem 0;}
.merit-c{display: flex;width:95%;margin:4rem auto 0 auto;justify-content: space-between;align-items: flex-start;}


/***************sec06**************/

.sec06 {margin: 0 auto;}
.service{font-family:ten-mincho, serif;font-weight: 400;font-style: normal;color:#fff;font-size:3rem;line-height: 4rem;background:#63B5BB;border-radius: 1rem;padding:4rem 2rem 2rem 2rem;margin: 2rem auto;}
.sev-img{background:#fff;padding:2rem;margin: 2rem 0 0 0;}

/***************sec07**************/
.sec07{background-image: url("images/sec07-bk.png");padding:0 0 4rem 0;}
.sec07 .wrapper{border:solid thin #63B5BB}

.profile{border-radius: 1rem;text-align: left;color:#000;background:#fff;padding:4rem;}
.tehacher-hl{text-align: center;background-image: url("images/koushi-line.png");width: 100%;background-repeat: no-repeat;background-position: center bottom;font-family: ten-mincho, serif;font-weight: 400;font-style: normal;font-size:2.5rem;font-size:3rem;height: 8rem;color:#63B5BB;margin: 0 0 2rem 0;}
.name{font-family: ten-mincho, serif;font-weight: 400;font-style: normal;font-size:4rem;width: 100%!important;margin: 2rem auto;line-height: 120%;}
.name .copy{font-size:2.5rem;}
.prof-txt{width: 100%;margin: 0 auto;}
.prof-txt p{padding: 0!important;}

/***************sec08**************/
.sec08 {padding:0 0 4rem 0;margin: 0 auto;}

/***************kiyaku**************/
.kiyaku {width: 90%;max-width: 980px;margin: 0 auto 4rem auto;background:#C1FFEB;padding:2rem 0;}
.kiyaku p{padding:1rem;text-align: left;}

/*************** footer***************/
footer {background-color: #333;margin: 0 auto; padding: 40px 0 0 0; color: #fff; font-size: 0.8em; }
footer p {margin-top: 20px; text-align: center; }
footer a, footer a:active, footer a:visited {color: #fff; text-decoration: underline; }
footer a:hover {color: #bbb; }

@media (max-width:560px) {
body{background: none;}
.forpc, .nonebr {  display: none !important; }
.forsp {  display: block; }
img{width:100%;}

	
/* hl */
h2{margin:0 auto 4rem auto;padding:0;width: 100%;background:url("images/hl-bk-1.png");display: flex;align-items: center; background-size:cover;background-position: center;height: 20rem;background-repeat: repeat-x;}
.hl-txt{font: normal normal normal 20px/30px Ten Mincho;margin: 0 auto;color:#fff;width: 95%;margin: 0 auto;}
/* hl */
h3{font: normal normal normal 30px/45px Ten Mincho;margin: 0 auto;color:#FFFCA2;padding:2rem 0;}
h3.list-title{font: normal normal normal 30px/45px Ten Mincho;margin: 0 auto;color:#63B5BB!important;padding:2rem 0;}

/*************** header***************/
header {
background: #fff; /* Old browsers */
}
.hl-sec{background: #63B5BB;
padding:2rem 0;
opacity: 1;text-align: center;
font: normal normal normal 20px/30px Ten Mincho;
letter-spacing: 0;
color: #FFFFFF;
opacity: 1;
width: 100%;
	margin: 0 auto;}
.top {padding: 20px 0 20px 0; width: 100%;background: transparent url('images/main-bk.png') 0% 0% no-repeat padding-box;
background-position: center;
opacity: 1;
font: normal normal normal 35px/50px Ten Mincho;
background-size:cover;}
.top p{text-align: center!important;font-size:2rem;padding:1rem 0 2rem 0;width: 90%;margin: 0 auto;}


/*************** form**************/
.form-top-txt{font: normal normal normal 30px/40px Ten Mincho;color:#63B5BB;margin: 2rem auto;width: 80%;}
.sec-form01{background: #63B5BB 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;padding:1rem;width:90%; max-width: 923px;margin: 0rem auto 4rem auto;position: relative;}
.form-title{font: normal normal normal 20px/30px Ten Mincho;color:#fff;padding:4rem 0;}
.sec-form01 .inner{padding:4rem 0 2rem 0;background:#fff;position: relative;}
.badge{position: absolute;top:-2rem;left: 0rem;width: 25%;}
/*form-btn*/
.input{display: flex;justify-content: flex-start;margin:0 auto 2rem auto;flex-wrap:wrap;width: 90%;}
.label{font: normal normal normal 2rem/3.5rem DNP ShueiYMinStd;letter-spacing: 0px;width: 100%;text-align: left;padding:0 1rem 0 0;color:#786842;display: block;}
.in-box{width: 100%;display: block;}
.form-txt{font-size:1.4rem;text-align: center;padding:2rem 0;background:#EBEBEB;text-align: left;padding:1rem;width: 90%;margin:2rem auto 0 auto;color:#FE6A07}
.btn{width: 95%;margin: 0 auto;background: transparent linear-gradient(180deg, #A175EF 0%, #5F28C2 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;color: #fff;font: normal normal normal 20px/50px Ten Mincho;border: none;padding:2rem 0;}
	
/***************  contents***************/
.wrapper {width: 90%; margin: 0 auto; }
.go-btn{width: 80%;
box-shadow: 0px 5px 0px 1px #317169;border:solid thin #fff;border-radius: 0.5rem;padding:4rem 1rem;max-width: 600px;margin: 4rem auto 4rem auto;
color:#fff!important;
display: block;
font: normal normal normal 40px/50px Ten Mincho;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#24c1a2+50,1ea077+97,1ea077+100 */
background: #24c1a2; /* Old browsers */
background: -moz-linear-gradient(top,  #24c1a2 50%, #1ea077 97%, #1ea077 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #24c1a2 50%,#1ea077 97%,#1ea077 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #24c1a2 50%,#1ea077 97%,#1ea077 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c1a2', endColorstr='#1ea077',GradientType=0 ); /* IE6-9 */	
}
.c-btn{margin:4rem auto;}
.c-img{margin: 2rem auto;}
.wrapper p {width: 80%; text-align: left; }

/***************present***************/
.present{background: transparent url('images/pre-bk.png') 0% 0% no-repeat padding-box;padding:0 0 2rem 0; }
.pre01{background:url('images/pre01.png');padding:0;background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.pre02{background:url('images/pre02.png');padding:0;background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.pre03{background:url('images/pre03.png');padding:0;background-repeat: no-repeat;background-size: cover;}
.pre04{background:url('images/pre04.png');padding:0;background-repeat: no-repeat;background-size:cover;}
.pre05{background:url('images/pre05.png');padding:0;background-repeat: no-repeat;background-size: cover;}
.pre06{background:url('images/pre06.png');padding:0;background-repeat: no-repeat;background-size: cover;}
.present-box{width: 90%;margin: 0 auto 2rem auto;border:solid thin #63B5BB;}
.pre-head{padding:1rem;font: normal normal normal 30px/45px Ten Mincho;background:#63B5BB;color:#fff;}
.pre-txt{text-align: center;
font: normal normal normal 30px/45px Ten Mincho;
letter-spacing: 0px;
color: #033F4E;opacity: 1;max-width: 980px;margin: 4rem auto;}
.pre-txt02{padding:4rem 0 2rem 0;width: 90%;margin: 0 auto;text-align: left;font: normal normal normal 16px/20px Ten Mincho;}
.pre-flex{display: flex;align-items: stretch;justify-content: space-between;margin: 0 auto;width: 95%;max-width: 980px;flex-wrap: wrap;}
	
/***************sec01***************/
.sec01 {width: 100%; margin: 0px auto; text-align: center;}
.sec01-list{background:url("images/sec01-list-bk.png");background-repeat: no-repeat;background-position: right;background-color:#51656E;text-align: left;border: solid 0.5rem #BEBB68;font: normal normal normal 30px/60px Ten Mincho;
letter-spacing: 0px;
color: #FFFFFF;padding:1rem;margin: 1rem 0;}

/***************sec02***************/
.sec02 {max-width:100%; margin: 0px auto; text-align: center;}
.sec02-list{text-align: left;
font: normal normal normal 40px/60px Ten Mincho;
letter-spacing: 0px;
color: #FFFFFF;padding:2rem;margin: 2rem 0;}
.sec02-list p{font-size:2.5rem;}
.sec01-list p{padding:1rem;font: normal normal normal 20px/45px Ten Mincho;}
.author-list{display: flex;justify-content: center;width: 80%;flex-wrap: wrap;margin: 4rem auto 0 auto;align-items: center;}
.author-list img{margin-bottom:4rem;width: 50%;}
.sec01-site{display: flex;align-content: flex-start;margin:4rem auto;justify-content: center;flex-wrap: wrap;}
.sec02-site .site{padding:2rem 0;margin-bottom:0;width: 90%;}
.sec02-site img{width: 90%;margin:0 auto;}

/***************sec03***************/

.sec03{background:url("images/sec03-bk.png");padding:4rem 0;}
.sec03-list{font-family: ten-mincho, serif;font-weight: 400;font-style: normal;background:rgba(255,255,255,0.66);background-image: url("images/sec04-list.png");background-repeat: no-repeat;background-position: right bottom;width: 90%;margin: 0 auto;padding:2rem;background-size:30%;border-radius: 1rem;margin: 01 auto;}
.sec03-list p{text-align: left;font-size:2rem;}
	
/***************sec04***************/	
.sec04{margin: 0 auto;}
.lesson{background:#D8F5F2;padding:4rem;margin: 2rem auto;}
.tag-lesson{background: transparent linear-gradient(180deg, #51B7D1 0%, #0FA6CC 100%) 0% 0% no-repeat padding-box;
border-radius: 60px;
opacity: 1;font-family: ten-mincho, serif;font-weight: 400;font-style: normal;color:#fff;font-size:4rem;width: 80%;margin: 2rem auto;justify-content: center;align-items: center; }
.lesson-pic{display: flex;justify-content: space-between;flex-wrap: wrap;}

	
/***************sec05***************/
.sec05{margin:0 auto;padding:1rem;background:#63B5BB;}
.merit{background:#fff;border-radius: 1rem;margin:0 auto;}
.merit .in{background:#fff;width:90%;margin:2rem;}
.merit-c{display: flex;width:98%;margin:4rem auto 0 auto;flex-wrap: wrap;}
	
/***************sec06***************/
.sec06 .in{border-top:solid 0.5rem #918647;border-bottom:solid 0.5rem #918647;padding:6rem 0; }
.sec06 .list{background:url("images/sec06-img.png");background-repeat: no-repeat;background-size:contain;background-position: right top;font-family: ten-mincho, serif;font-weight: 400;font-style: normal;font-size:2.5rem;}
.sec06 .list ul{list-style: none;padding:0;}
.sec06 .list li{background:url(images/sec06-icon.png);background-size:2.5rem;background-repeat: no-repeat;text-align: left;background-position: left top 0.5rem;color:#fff;padding-left:4rem;margin-bottom:2rem;}
.profile{border-radius: 1rem;text-align: left;color:#000;background:#fff;padding:2rem;}
.tehacher-hl{text-align: center;background-image: url("images/koushi-line.png");width: 100%;background-repeat: no-repeat;background-position: center bottom;font-family: ten-mincho, serif;font-weight: 400;font-style: normal;font-size:2rem;height: 8rem;color:#63B5BB;margin: 0 0 2rem 0;}
.name{font-family: ten-mincho, serif;font-weight: 400;font-style: normal;font-size:2rem;width: 100%;margin: 2rem auto;line-height: 120%;padding:0!important;}
.name .copy{font-size:2.5rem;}
.prof-txt{width: 90%;margin: 0 auto;}
.sec09 {background:url("images/sec09-bk.jpg");padding:4rem 0; background-repeat: no-repeat;background-size:cover;background-position: center;}
.sec09 .list{font-family: ten-mincho, serif;font-weight: 400;font-style: normal;font-size:2.5rem;margin:8rem auto 0 auto;}
.sec09 .list ul{list-style: none;padding:0;}
.sec09 .list li{background:url(images/sec09-icon.png);background-size:2.5rem;background-repeat: no-repeat;text-align: left;background-position: left top 0.5rem;color:#fff;padding-left:4rem;margin-bottom:2rem;text-shadow: 0px 0px 4px #cc805b, 0px 0px 4px #cc805b;}
.sec10{padding:4rem 0;}
.cop-img{margin:2rem auto;}
.sec11{background:url("images/time-bk.png");background-repeat: no-repeat;background-attachment: fixed;background-position:center;background-size:cover;padding:4rem 0;border-top:solid 0.5rem #c19c71;border-bottom:solid 0.5rem #c19c71;}
.sec12{padding:4rem 0 0 0;}
.sec13{background:url("images/red-bk.jpg");padding:12rem 0 0 0;color:#fff;}
.letter-fl-last{background:url("images/sec01-bk.jpg");border-radius: 1rem;box-shadow: 0px 0px 44px 0px rgba(164,141,87,0.6) inset;
text-align:left;position:relative;padding:4rem 2rem;margin:4rem auto 2rem auto;}
.last-card{position: absolute;bottom:0;right: 0;z-index:0;width: 50%;}
.profile img{margin: 0px auto;}
 .profile p{padding: 20px 0; text-align: left;width: 100%;}

footer {padding: 2rem 1rem;}
footer p{ font-size:1.6rem;}
}