@charset "UTF-8";

/* -------------------------------------------------- */
/* Stylesheet
                              2019.3.17 Ver.3.06
----------------------------------------------------- */
/* バナー見出しの下線 */

/* Up to here common settings of each page */
/*====================================================================================
	*
	*Media Querys SP-portrate(max-width:599px)	
	*Single column :9_November_2018
	*
  ===================================================================================*/
@media screen and (max-width: 479px) {
/* バーナーの横並び */

h1 {
width: 98%;
margin-left: 0.2em;
margin-bottom: 1.2em;
padding:0.6em 0 0.6em 0.8em;
border-left: 6px solid #8a8ffc;
border-bottom: 2px solid #8a8ffc;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
background-color: #007bbb;
color: #fff;
}

.documenteWake {
width: 98%;
margin: 0 auto;
padding: 1em 0.8em;
}

h3 {
margin: 0.8em 0 0.2em 0;
padding: 0.4em 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.2;
color: #007bbb;
text-indent: 0.8em;
width:98%;
border-bottom: solid 2px #007bbb;
}
.documenteWake p {
font-size: 14px;
font-size: 1.4rem;
padding: 0.4em 1em 1em;
line-height: 1.6;
}

span.red {
color: #f12711;
}
}
/* Up to here common settings of each page */

/*====================================================================================
	*
	*Media Querys SP-landscape and Tablet-portrate(min-width:600px~max-width:1024px)	
	*Double column :1_May_2019
	*

===================================================================================*/
@media screen and (min-width: 480px) and (max-width: 999px) {

h1 {
width: 98%;
margin-left: 0.2em;
margin-bottom: 1.2em;
padding:0.6em 0 0.6em 0.8em;
border-left: 6px solid #8a8ffc;
border-bottom: 2px solid #8a8ffc;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.2;
background-color: #007bbb;
color: #fff;
}

.documenteWake {
width: 89%;
margin: 0 auto;
padding: 1em 0.8em;
}

h3 {
margin: 0.8em 0 0.2em 0;
padding: 0.4em 0;
font-size: 20px;
font-size: 2.0rem;
line-height: 1.2;
color: #007bbb;
text-indent: 0.8em;
width:98%;
border-bottom: solid 2px #007bbb;
}
.documenteWake p {
font-size: 20px;
font-size: 2.0rem;
padding: 0.4em 1em 1em;
line-height: 1.6;
}

span.red {
color: #f12711;
}}
/* Up to here common settings of each page */

/*==================================================================================== 
	*
	*Media Querys PC
	*Double column :1_May_2019
	*
  ===================================================================================*/
@media screen and (min-width:1000px) {

h1 {
width: 95%;
margin-left: 0.8em;
margin-bottom: 1.2em;
padding:0.6em 0 0.6em 0.8em;
border-left: 6px solid #8a8ffc;
border-bottom: 2px solid #8a8ffc;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
background-color: #007bbb;
color: #fff;
}

.documenteWake {
width: 90%;
margin: 0 auto;
padding: 1em 0.8em;
}

h3 {
margin: 0.8em 0 0.2em 0.4em;
padding: 0.4em 0;

color: #007bbb;
text-indent: 0.8em;
width: 89%;
border-bottom: solid 2px #007bbb;
}
.documenteWake p {
font-size: 16px;
font-size: 1.6rem;
padding: 0.4em 3em 1em;
line-height: 1.6;
}

span.red {
color: #f12711;
}

}
/* Up to here common settings of each page */
/* best regard */