@charset "UTF-8";
body {
	color: #282A29;
	/* [disabled]font-size: 0.875rem; */
	font-family: 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	line-height: 1;
	/* [disabled]font-feature-settings: 'palt' 1; */
	/* [disabled]-webkit-font-smoothing: antialiased; */
	-moz-osx-font-smoothing: grayscale;
	background-color: #FFFFFF;
}

.container-fluid {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}

.col-md-12 , .col-md-3 , .col-md-4 , .col-md-6 , .col-md-8 , .col-lg-12, .col-lg-8, .col-lg-6, .col-lg-4{
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

h2 {
    font-size: 1.9rem;
    letter-spacing: 1px;
    color: #4c5564;
    text-align: center;
    line-height: 1.5;
    font-family: 'Zen Maru Gothic', sans-serif;
    /* [disabled]padding-bottom: 20px; */
}
h2 span  {
	padding-bottom: 1em;
	display: inline-block;
	color: rgba(244,213,59,1.00);
}

h3 {
	font-size: 1.25rem;
	letter-spacing: 1px;
	font-weight: 600;
	font-family: 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	line-height: 1.6;
	}
h4 {
    font-size: 1.1rem;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    line-height: 1.6;
}



p {
    font-size: 1rem;	/* 14px */
    line-height: 1.8; 
    letter-spacing: 1px;
    color: #3A3A3A;
}
p span a {
    display: inline-block;
    text-decoration: underline;
    color: #1171CE;
}
.supple-text {
	font-size: 0.75rem;
	line-height: 1.8;
	letter-spacing: 1px;
	color: #3A3A3A;
}
.container-fluid .row.title {
}

.row.title {
    padding-top: 80px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.row.title h2 {
    line-height: 1.6;
    font-size: 1.9rem;
    font-weight: normal;
    font-family: 'Zen Maru Gothic', sans-serif;
    color: #4C5564;
}
.row.title h2 span {
	font-size: 1.5rem;
}
.row.title .image01 p  {
    width: 24%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.row.title p {
    line-height: 2;
    /* [disabled]margin-bottom: 1em; */
}
.row.title  .box-title  {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    /* [disabled]margin-bottom: 20px; */
}
.row {
	margin-left: 0px;
	margin-right: 0px;
	/* [disabled]padding-left: 2rem; */
	/* [disabled]padding-right: 2rem; */
	margin-top: 0px;
	margin-bottom: 0px;
}

.justify{

  text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
p.font-adjust-1  {
	font-size: 0.65px;
	line-height: 1;
	letter-spacing: 1px;
	color: #D75557;
}

.row.mainImage-sm {
    display: none;
}
.row.textflame10-sm {
    display: none;
}

.underline {
    border-bottom: 5px solid rgba(255,220,58,0.66);
}

.background-yellow {
    background-color: #FFDC3A;
}
.background-Beige {
    background-color: #FBFBF8;
}
.background-white {
	background-color: rgba(255,255,255,1.00);
}
.background-lightblue {
    background-color: rgba(252,253,255,1.00);
}
.background-lightyellow {
    background-color: #FFFCF0;
}

.underline_yellow {
    　text-decoration-thickness: 5px; /* PC用 */
    border-bottom: 2px solid #FFDC3A;
}



.padding-top20 {
    padding-top: 20px;
}
.padding-top60 {
	padding-top: 60px;
}
.padding-top80 {
    padding-top: 80px;
}
.padding-under0 {
	padding-bottom: 0px;
}
.padding-under40 {
    margin-bottom: 40px;
}
.padding-under60 {
    margin-bottom: 60px;
}
.margintop-minus20 {
	margin-top: -20px;
}
.margintop-minus40 {
	margin-top: -40px;
}
.margintop-minus60 {
    margin-top: -60px;
}
.margin-top20 {
    margin-top: 20px;
}
.margin-top40 {
    margin-top: 40px;
}
margin-top80 {
}
.margin-under0 {
	margin-bottom: 0px;
}
.margin-under20 {
    margin-bottom: 20px;
}
.margin-under40 {
    margin-bottom: 40px;
}
.indent-center {
    text-align: center;
}
.row.textflame01-a .box-title {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}
.row.backtoabout a {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
    color: rgba(76,85,100,1.00);
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    border: medium dotted #FFDC3A;
    margin-top: 40px;
    margin-bottom: 40px;
}
.row.backtoabout a:hover {
    border-style: solid;
}
.row.backtostep a {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
    color: rgba(76,85,100,1.00);
    border-radius: 5px;
    text-decoration: none;
    border: medium dotted #FFDC3A;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 40px;
}
.row.backtostep a:hover {
    border-style: solid;
}
.row .box-image  {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.inTitle {
    font-size: 1.25rem;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    text-align: center;
    padding-top: 80px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.background-with-lines {
    background: linear-gradient(-45deg, #ECF7FF 25%, transparent 25%, transparent 50%, #ECF7FF 50%, #ECF7FF 75%, transparent 75%, transparent);
    background-size: 10px 10px;
}
.number {
}
.row .col-md-12 .subtitle {
    color: rgba(17,113,206,1.00);
    margin-left: auto;
    font-size: 1.25rem;
    width: 88%;
    margin-right: auto;
    padding-top: 1em;
}

 /* //////////////////////////min-width:1020px//////////////////////// */
@media (min-width: 1020px){
.row.mainImage {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.row.MainImage {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.row.MainImage .col-md-12  {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.row .col-md-12 .subtitle {
    width: 800px;
}
	
	
}
 /* //////////////////////////max-width: 390px//////////////////////// */
@media (max-width: 390px){

}
 /* //////////////////////////max-width: 600px//////////////////////// */
@media (max-width: 600px){
.container-fluid {
    /* [disabled]padding-bottom: 20px; */
    margin-bottom: 0px;
    margin-top: 0px;
}
h2 {
	font-size: 1.5rem; 
	line-height: 1.2;
}

h3 {
    font-size: 1.2rem;

	}



p {
    font-size: 0.85rem;	/* 14px */
    line-height: 1.8;
}	
.supple-text {
	font-size: 0.65rem;
	margin-left: 3px;
}
li {
	font-size: 0.75rem;
	line-height: 1.6;
	color: #3A3A3A;
}
.row.mainImage {
	display: none;
}
.row.mainImage-sm {
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.row.mainImage-sm .col-md-12 img {
    margin-left: auto;
    width: 100%;
    margin-bottom: 0px;
}
.row.title .box-title {
    width: 20%;
}
.row.title h2 {
	font-size: 1.5rem;
	padding-bottom: 0px;
}
.row.title h2 span {
}
.font-adjust-1 {
	font-size: 0.75rem;
}
.row.textflame01-a .box-title {
    width: 20%;
}
.row.inTitle {
    font-size: 1.2rem;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.underline_yellow {
  　text-decoration-thickness: 2px; /* PC用 */
}
.row .col-md-12 .subtitle {
    font-size: 1rem;
    padding-top: 40px;
}
}