@charset "utf-8";
/* RESET CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:after, blockquote:before, q:after, q:before {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}table + p {margin-top: 2rem;}img {margin: 0 auto;padding: 0;max-width: 100%;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}a[href^="tel:"] {pointer-events: none;text-decoration: none;color: #666;}
/*--------Basic--------*/
html {font-size: 62.5%;}
body  { width: 100%;font-size: 2.2rem;color: #1b1b1b;font-weight: 500;line-height: 1.7;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック  Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;background: #fff;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
#body_wrap {/*width: 960px;*/margin: 0 auto;box-shadow: 0 0 5rem rgba(0,0,0,0.2);background: #fff;}
#body_wrap .sub_head{color: #000;}
.pc {display: block;}
.sp {display: none;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.img_right {float: right;padding: 0 0 2rem 2rem;}
.img_left {float: left;padding: 0 2rem 2rem 0;}
.img_center {margin-bottom: 2rem;}
.caption {width: 100%;padding: 1rem;margin: 0;color: #110604;font-size: 1.8rem;font-weight: bold;line-height: 1.4;}
/* Font */
h1 {font-weight: normal !important;font-feature-settings: "palt"1;}
.u {text-decoration: underline;}
.b {font-weight: bold;}
.r {color: #d00;}
.wht{color: #fff;}
.rubi {display: inline-block;line-height: 1;}
.rubi ruby {display: inline-table;vertical-align: bottom;}
.rubi rb {display: table-footer-group;}
.rubi rt {display: table-header-group;font-size: .5em;text-align: center;font-weight:100;}
.txt_c {text-align: center;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.xxsmall {font-size: 30%;}
.xsmall {font-size: 60%;}
.small {font-size: 80%;}
.large {font-size: 110%;}
.flex {display: flex;flex-wrap: wrap;align-content: stretch; justify-content: space-between;/*justify-content: space-around;*/}
.serif{font-family: Ryumin ExtraBold KL, serif;}
.bg3{background:#fff;background: linear-gradient(to right,#e7f9ff, #ffffff 50%,#e7f9ff);}
.note{font-size: 1.8rem;}
/*--------Header--------*/
header {width: 100%;background: url( "../img/sato_syugi_head_bg.jpg") no-repeat center/cover;border-top:1px solid #fdfca9;border-bottom:1px solid #fdfca9; }
header h1 { width: 20%;margin: 0 auto;padding: 2rem 0;}
/*--------Section / sub_head / sec_inner--------*/
/* 共通 */
section {padding: 5rem 0;}
.sub_head {
		color: #212121;
		font-size: 5rem;
		font-weight: 900;
		line-height: 1.3;
		text-align: center;
		font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
		-webkit-font-feature-settings: 'palt'1;
		font-feature-settings: 'palt'1;
		margin: 0 auto 2rem;
		display: table;
		padding: 0;
		text-shadow: 2px 2px #fff;
}
.sub_head.wht { color: #fff!important; text-shadow: none; }
.sec_inner {width: 860px;margin: 0 auto;}
/* profile
------------------------------------------------------ */
#profile { -ms-align-items: stretch; align-items: stretch;padding: 0; background: url('../img/sato_syugi_profile_bg.jpg') no-repeat top center;}
#profile h2{margin-bottom: 4rem;}
.profile_txt { background: #fff;width: calc(670px + ((100% - 960px)/2)); padding: 5rem 2rem 2rem 0; }
.profile_txt .sec_inner {width: 650px;margin: 0 0 0 auto;font-size: 2rem;}
/*.profile_img {width: calc(290px + ((100% - 960px)/2));background: url('../img/sato_syugi_profile_bg.jpg') no-repeat;background-position: top center;background-size: cover;background-attachment: fixed;}*/
.profile_achiev{width: 320px;margin-bottom: 2rem;}
.profile_achiev .caption{ background: #002060; /* Old browsers */
background: -moz-linear-gradient(left,  #002060 0%, #002060 0%, #0070c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #002060 0%,#002060 0%,#0070c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #002060 0%,#002060 0%,#0070c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002060', endColorstr='#0070c0',GradientType=1 ); /* IE6-9 */
color:#fff;font-family: Ryumin ExtraBold KL, serif;text-align: center;padding: 1rem 0;}
/* achiev */
.achiev_wrap {padding: 0;text-align: center;}
.achiev {
	width: 48%;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #002060;
	margin: 2rem auto 0;
	margin: 2rem 0 0;
	background: #fff;
}
.achiev img {width: 100%;}
.achiev_num {position: relative;box-sizing: border-box;}
.achiev_num p {display: inline-block;
	position: absolute;
	top: -1px;
	left: -1px;
	margin: 0;
	padding: 1rem;
	z-index: 2;
	width: 65px;
	text-align: center;
	font-size: 2.5rem;
	color: #fff;
	background: #0070C0;
	font-weight: bold;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
.achiev_txt {padding: 1.5rem .5rem;font-weight: bold;text-align: center;line-height: 1.4;margin: 0;}
/*-------- button:hover --------*/
@-webkit-keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
    100% {-webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px) }
    100% {-webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
/*--------btn--------*/
.btn {width: 650px;display: block;margin: 6rem auto 2rem;border-radius: 50px;box-shadow: 0px 2px #1591bb;background: #2193bc;background: -moz-linear-gradient(-45deg, #2193bc 0%, #32cddb 100%);background: -webkit-linear-gradient(-45deg, #2193bc 0%,#32cddb 100%);background: linear-gradient(135deg, #2193bc 0%,#32cddb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a80d', endColorstr='#0c9b5f',GradientType=1 );text-decoration: none;transition: all .3s;line-height: 1.4;}
.btn p {padding: 2rem;color: #fff;font-size: 3rem;font-weight: bold;text-align: center;text-shadow: 2px 2px 2px #2769a9;}
.btn:hover{filter: brightness(120%);}
.btn::after {content: '>';position: absolute;display: block;right: 45px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 145%;}
.move {animation: move 2s infinite;}
.move.nobottom{margin: 6rem auto 0;}
@keyframes move {0% {transform: translate(2px, 0px);}
	5% {transform: translate(-2px, 0px);}
	10% {transform: translate(2px, 0px);}
	15% {transform: translate(-2px, 0px);}
	20% {transform: translate(2px, 0px);}
	25% {transform: translate(-2px, 0px);}
	30% {transform: translate(0px, 0px);} }
/* scfooter
------------------------------------------------------ */
#scfooter { width: 100%; position: fixed; bottom: 0; z-index: 5; display: none;}
#scfooter .form_btn:hover + .form_caution { bottom: 7rem; }
#scfooter .form_btn:hover + .form_caution:before { border-top: 2rem solid #ff7; border-bottom: none; bottom: -2rem; top: auto; }
#scfooter .form_btn2:hover + .form_caution { bottom: 7rem; }
#scfooter .form_btn2:hover + .form_caution:before { border-top: 2rem solid #ff7; border-bottom: none; bottom: -2rem; top: auto; }

@-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
@keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px) }
    33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px) }
    49.95% { -webkit-transform: translateY(4px);transform: translateY(4px) }
    66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px) }
    83.25% { -webkit-transform: translateY(1px);transform: translateY(1px) }
    100% { -webkit-transform: translateY(0);transform: translateY(0) }
}
.hvr-wobble-vertical { vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
#btn {
    background: #fff;
	padding:0rem 0 3rem;
}
/*--------footer--------*/
footer {width: 100%;padding: 5rem 0;background: #ddd;}
#footer_inner {width: 960px;margin: 0 auto;font-size: 1rem;}
#footer_inner .logo {width: 25%;margin: -1rem auto 3rem;}
#footer_inner ul {display: flex;justify-content: center;}
#footer_inner li {padding: 0 2rem;border-left: 1px solid #ccc;}
#footer_inner li:first-child {padding-left: 0;border: none;}
#footer_inner p {padding-top: .5rem;text-align: center;}
#footer_inner a {text-decoration: none;}
#footer_inner a:link, #footer_inner a:visited, #footer_inner a:hover, #footer_inner a:active {color: #989898;}

.profile_inner {
	    margin: 0 0 2rem;
   background: #002060;
    background: -moz-linear-gradient(left, #002060 0%, #002060 0%, #0070c0 100%);
    background: -webkit-linear-gradient(left, #002060 0%,#002060 0%,#0070c0 100%);
    background: linear-gradient(to right, #002060 0%,#002060 0%,#0070c0 100%);
    padding: 3rem;
    color: #fff;
	letter-spacing: 1px;
}
/* .list1 {margin: 4rem auto;} */
.list1 li {position: relative;padding: 0 0 2rem 4rem;line-height: 1.4;font-size: 2rem;font-family: Ryumin ExtraBold KL, serif;    font-weight: bold;}
.list1 li:last-child {padding-bottom: 0;}
.list1 li::after {display: block;content: '';position: absolute;top: .1em;left: -.1rem;width: 35px;height: 30px;background-color: #f00;background: url('../img/check.png')no-repeat;}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px) {
	/*--------Basic--------*/
	body {width: 100%;font-size: 4.5vw;}
	a[href^="tel:"] {pointer-events: auto;text-decoration: underline;color: #00e;}
	#body_wrap {width: 100%;}
	/* Float */
	.img_right, .img_left {float: none;width: 80%;padding: 0 0 2rem;margin: 0 auto;}
	.pc {display: none;}
	.sp {display: block;}
	.small {font-size: 80%;}
	.large {font-size: 110%;}
	.flex {display: block;margin: 0 auto;}
	.flex p {margin: 0 auto;}
	.caption{font-size:3.7vw;}
	/*--------Section / sub_head / sec_inner--------*/
	section {padding: 7vw 0;}
	section.top{padding-top: 0;}
	.sub_head {margin: 0 auto 1.5rem;font-size: 6.2vw;}
	.sub_head2 {margin: 0 auto 1.5rem;font-size: 6.5vw;}
	.sec_inner {width: 90%;}
	.bg_b{background: #f1fffc;padding: 3vw 0;}
	.bg3{background-image: none;background-color: #eff1f3;}
	/*--------Header--------*/
	.logo_img { width: 70vw;}
	header {width: 100%;background: url( "../img/sato_syugi_head_bg_sp.jpg") no-repeat center/cover}
	header h1 {padding: 3vw 0;width: 35%;}
	/*-------- profile--------*/
	#profile{background: none;display: block;width: 100%;}
	.profile_txt{width: 100%;padding: 0 0 4vw;}
	.profile_txt .sec_inner{width: 100%;}
	.profile_achiev{width: 90%;margin: 4vw auto 0;}
	.profile_achiev img{width: 100%;}
	.profile_achiev .caption{font-size: 4vw;}
	/*-------- achiev--------*/
	.achiev{width: 100%;}
	.achiev_num p{width: 15vw;font-size: 5vw;}
	/*--------btn--------*/
	.btn {width: 90%; margin: 2rem auto 3rem;}
	.btn p{font-size:5vw;padding: 4.5vw;}
	.btn::after{right: 4vw;content: '>';top: 46%;}
	#btn {
    background: #fff;
	padding:0rem 0 2vw;}
	/*--------footer-------*/
	footer {padding: 4vw 0;}
	#footer_inner {width: 90%;}
	#footer_inner p {text-align: center;}
	#footer_inner .logo {width: 55%;margin: 0 auto 2rem;}
	.note{    font-size: 3vw;
    padding: 3vw 5vw 0;}
	    /*--------　list / box --------*/
	ul.list1 {margin: 0; padding: 3vw 3vw 5vw 8vw;}
	ul.list1 li {padding: 2vw 0 2vw 4vw;}
	.list1 li::after {     top: 3.5vw;
    left: -4vw;
    width: 6vw;
    height: 6vw;
    background-size: 100%;}
	.list1 li:before {width: 5vw;height: 5vw;border-radius: 10px;left: 0;top: 3vw;}
	.list1 li:last-child:before {width: 20px;height: 20px;border-radius: 10px;left: 0;top: 6vw;}
		.profile_inner {padding: 0;margin: 0 auto;width: 92%;}
	.list1 li {font-size: 4.5vw;}
}