@charset "utf-8";


/* baseSet
-------------------------------------------------------------------------------------------------------- */
/*
.pagetitle.about-idx		{ background-image:url(../images/about/idx/title_bg.jpg); }
.pagetitle.about-method	{ background-image:url(../images/about/method/title_bg.jpg); }
.pagetitle.about-founder	{ background-image:url(../images/about/founder/title_bg.jpg); }
.pagetitle.about-howto	{ background-image:url(../images/about/howto/title_bg.jpg); }
.pagetitle.about-message	{ background-image:url(../images/about/message/title_bg.jpg); }
*/


/* about-idx
-------------------------------------------------------------------------------------------------------- */
.idx-knowhow .lead-pic		{ text-align:center; padding-bottom:5rem; border-bottom:#ccc 1px solid; }
.fl-ptbox .inBox .knowhow	{ margin-bottom:1rem; text-align:center; font-size:2.4rem; font-family: 'Passion One', cursive; }
.fl-ptbox .inBox .knowhow span	{ margin-left:1rem; color:#3670B9; }
.fl-ptbox .inBox .knowhow-title			{ margin-bottom:2rem; text-align:center; font-weight:bold; line-height:1.2; }
.fl-ptbox .inBox .knowhow-title span	{ display:block; font-size:3.6rem; font-weight:bold; }




/* about-method
-------------------------------------------------------------------------------------------------------- */
.about-method			{}
.about-method .lead			{ text-align:center; margin-bottom:7rem; }
.about-method figure			{ text-align:center; margin-bottom:2rem; }
.about-method .point			{ display:flex; margin:0 -1.5rem 6rem; }
.about-method .point dl		{ flex:1; margin:0 1.5rem; }
.about-method .point dl dt	{ padding:1.2rem 0 1.0rem; margin-bottom:3rem; text-align:center; color:#3670B9; font-size:2.4rem; font-weight:bold; background:#fff; border:#3670B9 2px solid; border-radius:3rem; }
.about-method .point dl dd	{ font-size:1.5rem; }
.about-method .ex				{ text-align:center; font-weight:bold; font-size:2.0rem; color:#3670B9; line-height:2.5; }
@media screen and (max-width: 768px) {
.about-method .lead			{ margin-bottom:2rem; }
.about-method .point			{ display:block; margin:0 -1.5rem 6rem; }
.about-method .point dl		{ margin:0 1.5rem 2rem; }
.about-method .point dl dt	{ margin-bottom:1rem; font-size:1.8rem; border:#3670B9 1px solid; }
.about-method .point dl dd	{ font-size:1.4rem; }
.about-method .ex				{ font-size:1.6rem; line-height:1.6; text-align:left; }
}


/* about-founder
-------------------------------------------------------------------------------------------------------- */
.about-aizawa			{ }
.about-aizawa .row	{ display:flex; margin:0 -1.5rem; }
.about-aizawa-pic		{ flex:1; margin:0 1.5rem; }
.about-aizawa-box	{ flex:2.2; margin:0 1.5rem; }
.about-aizawa-box .name		{ font-size:4.0rem; font-weight:bold; }
.about-aizawa-box .lifetime	{ margin-bottom:4rem; font-size:1.4rem; }
.about-aizawa-box .ex			{ margin-bottom:4rem;}
.about-aizawa-raise				{ border-top:#ccc 1px dotted; }
.about-aizawa-raise .title		{ margin:3rem 0 2.5rem; font-weight:bold; }
.about-aizawa-raise ul			{ width:50rem; }
.about-aizawa-raise ul li		{ display:inline-block; width:12rem; margin-bottom:0.5rem; }
@media screen and (max-width: 768px) {
.about-aizawa .row	{ display:block; margin:0 -1.5rem; }
.about-aizawa-box .name		{ font-size:2.6rem; margin-top:2rem; }
.about-aizawa-raise ul			{ width:auto; }
.about-aizawa-raise ul li		{ width:9rem; }
}



.about-history			{}
.about-history dl		{ display:flex; padding:2rem 0; border-bottom:#ccc 1px dotted; line-height:2; }
.about-history dl dt	{ width:10rem; padding-right:3rem; }
.about-history dl dd	{ width:100%; }
@media screen and (max-width: 768px) {
.about-history dl		{ display:flex; padding:1.5rem 0; line-height:1.4; }
.about-history dl dt	{ padding-right:2rem; }

}

/* about-howto
-------------------------------------------------------------------------------------------------------- */
.about-howto-lead figure		{ text-align:center; margin:5rem 0 6rem; }
.about-howto-point .lead		{ margin-bottom:5rem; }
.about-howto-point .row		{ display:flex; flex-wrap:wrap; margin:0 -1.5rem; }
.about-howto-point .row .box		{ width:calc(50% - 3rem); margin:0 1.5rem; padding:5rem 0; border-top:#ccc 1px dotted; }
.about-howto-point .row .box .point		{ font-size:2.4rem; font-family: 'Passion One', cursive; }
.about-howto-point .row .box .point span		{ color:#3670B9; }
.about-howto-point .row .box .title		{ padding:1.5rem 0; font-size:3.6rem; font-weight:bold; }
.about-howto-point .row .box		{}
@media screen and (max-width: 768px) {
.about-howto-point .lead		{ margin-bottom:3rem; }
.about-howto-point .row		{ display:block; margin:0 -1.5rem; }
.about-howto-point .row .box		{ width:auto; padding:2rem 0; }
.about-howto-point .row .box .point		{ font-size:2.0rem; }
.about-howto-point .row .box .title		{ padding:1.0rem 0; font-size:2.4rem; font-weight:bold; }
}


.about-howto-study	.study-list			{ margin:3rem 0; }
.about-howto-study .study-list li		{ color:#3670B9; font-size:2.0rem; font-weight:bold; }
@media screen and (max-width: 768px) {
}


.about-howto-way .lead			{ text-align:center; }
.about-howto-way ul			{ display:flex; margin:0 -1.5rem 6rem; }
.about-howto-way ul li			{ flex:1; padding:3rem 0; margin:0 1.5rem; text-align:center; border:#3670B9 1px solid; background:#fff; border-radius:1rem; font-weight:bold; }
@media screen and (max-width: 768px) {
.about-howto-way ul			{ display:block; margin:0 -1.5rem 3rem; }
.about-howto-way ul li			{ padding:1rem 0; margin:1.5rem; }
}


.about-howto-summary .lead		{ margin-bottom:5rem; text-align:center; }
.about-howto-summary .listBox	{ margin-bottom:5rem; padding:3rem 3rem 4rem; border:#3670B9 2px solid; border-radius:1rem; }
.about-howto-summary .listBox .mark		{ padding:1rem 0; margin:-5rem auto 2rem; font-size:1.8rem; font-weight:bold; text-align:center; width:10rem; color:#fff; background:#3670B9; border-radius:3rem; }
.about-howto-summary .listBox .title			{ margin-bottom:3rem; padding-bottom:2rem; text-align:center; font-weight:bold; font-size:2.8rem; border-bottom:#3670B9 2px solid; }
.about-howto-summary .listBox .merit01	{ display:flex; margin:0 -1.5rem; }
.about-howto-summary .listBox .merit01 dl	{ flex:1; margin:6rem 1.5rem; padding:2rem; background:#FBFBF3; border-radius:1rem; text-align:center; }
.about-howto-summary .listBox .merit01 dl dt	{ margin:-3rem 0 1rem; color:#3670B9; font-size:2.0rem; font-weight:bold; }
.about-howto-summary .listBox .merit01 dl dd	{ font-weight:bold; }
.about-howto-summary .listBox .merit02			{  }
.about-howto-summary .listBox .merit02 dl		{ margin-top:2rem; padding:2rem; background:#FBFBF3; border-radius:1rem; }
.about-howto-summary .listBox .merit02 dl dt	{ display:inline-block; width:32rem; color:#3670B9; font-size:2.0rem; font-weight:bold; }
.about-howto-summary .listBox .merit02 dl dd	{ display:inline-block; }
.about-howto-summary .listBox .support			{ display:flex; margin:0 -1.5rem; }
.about-howto-summary .listBox .support dl		{ flex:1; margin:6rem 1.5rem 0; padding:2rem; background:#FBFBF3; border-radius:1rem; text-align:center; }
.about-howto-summary .listBox .support dl dt	{ margin:-4rem 0 1rem; font-size:2.8rem; font-weight:bold; font-family: 'Passion One', cursive; }
.about-howto-summary .listBox .support dl dt span	{ color:#3670B9; }
.about-howto-summary .listBox .support dl dd	{ font-weight:bold; }
@media screen and (max-width: 768px) {
.about-howto-summary .listBox	{ margin-bottom:5rem; padding:3rem 1rem 2rem; }
.about-howto-summary .listBox .mark		{ font-size:1.4rem; }
.about-howto-summary .listBox .title			{ font-size:2.0rem; }
.about-howto-summary .listBox .merit01	{ display:block; }
.about-howto-summary .listBox .merit01 dl	{ margin:3rem 1.5rem; }
.about-howto-summary .listBox .merit01 dl dt	{ font-size:1.8rem; }
.about-howto-summary .listBox .merit02 dl dt	{ width:auto; font-size:1.8rem; }
.about-howto-summary .listBox .support			{ display:block; }
.about-howto-summary .listBox .support dl		{ margin:3rem 1.5rem 0; }
.about-howto-summary .listBox .support dl dt	{ margin:-3rem 0 1rem; font-size:2.0rem; }
.about-howto-summary .listBox .support dl dt span	{ color:#3670B9; }
.about-howto-summary .listBox .support dl dd	{ font-weight:bold; }


}


.about-howto-challenge					{ padding-bottom:6rem; }
.about-howto-challenge .title			{ margin-bottom:3rem; text-align:center; font-size:2.4rem; font-weight:bold; color:#3670B9; }
@media screen and (max-width: 768px) {
}



/* about-message
-------------------------------------------------------------------------------------------------------- */
.about-message		{ line-height:1.6; }
.about-message .box01		{ display:flex; flex-direction:row-reverse; margin-bottom:6rem; }
.about-message .box01 figure	{ margin-left:7rem; width:30rem; }
.about-message .box01 .box		{ width:calc(100% - 30rem); }
.about-message .box01 .box .title		{ font-size:3.0rem; margin-bottom:3rem; }
.about-message .box01 .box .name		{ text-align:right; margin-bottom:3rem; }
.about-message .box01 .box .name span	{ display:block; }
.about-message .box01 .box .name span img	{ width:11.2rem; }
.about-message .box01 .box .name span.lng img	{ width:16.8rem; }
@media screen and (max-width: 600px) {
.about-message .box01		{ display:block; margin-bottom:3rem; }
.about-message .box01 figure	{ margin:0 0 3rem; width:auto; padding:0 5rem; }
.about-message .box01 .box		{ width:auto; }
.about-message .box01 .box .title		{ font-size:2.0rem; margin-bottom:1rem; }
.about-message .box01 .box .name		{ text-align:right; margin-bottom:3rem; }
.about-message .box01 .box .name span img	{ width:8rem; }
.about-message .box01 .box .name span.lng img	{ width:12.8rem; }

}