@charset "UTF-8";


.photo-right,
.photo-left{
margin:1em auto;
text-align:center;
}

section{
clear:both;	
}


ul.po{
margin:0 1em;
padding:0.5em;	
font-size:120%;
background-color:#FEF2E2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

ul.po li{
padding:0.2em 0.2em 0.2em 1em;
}


ul.po.mark li:before{
padding-right:0.2em;
text-indent:-1em;
display:inline-block;
margin:0 0.05em 0 1em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f111";
color:#FF9900;
font-size:80%;
}

div.signature{
margin:1em 0 0;
padding:1em;
text-align:right;
}



#call-col{
margin:1em 0;
text-align:center;
}


/* SDGsロゴ
------------------------------- */

#sdgs{
max-width:900px;
height:auto;
margin:0.5em auto;
padding:0.5em;
}

#sdgs-logo-col{
display:flex;
justify-content:space-between;
margin:0 -0.5% 2em;
}

#sdgs-logo-col div{
flex:1;
margin:0.5%;
}


/* お問合せ
------------------------------- */
.contact-col{
max-width:700px;
margin:1em auto;
padding:1em;
background-color:#FEFBEF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:#FFCC00 solid 1px;
}


#contact-tel{
max-width:500px;
margin:1em auto;
padding:0.5em;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:#F7E0B2 solid 1px;
text-align:center;
background-color:#FFF;
}


.contact-form{
max-width:300px;
margin:1.5em auto 1em;
text-align:center;
font-size:120%;
}


.contact-form a{
position:relative;
display:block;
text-align:center;
margin:5px auto;
padding:1em 2.5em 1em 2.5em;
color:#333;
text-shadow: 1px 1px 2px #FFF;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(236,236,251)),color-stop(1, rgb(202,202,217)));
background-image:-webkit-linear-gradient(-90deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%);
background-image:linear-gradient(180deg,rgb(236,236,251) 0%,rgb(202,202,217) 100%);
border:rgb(202,202,217) solid 1px;
font-weight:700;
text-decoration:none;

-webkit-border-radius:5px; 
-moz-border-radius:5px;
border-radius:5px;
}

.contact-form a:hover{
position:relative;
left:1px;
top:1px;
}


.contact-form a span.bm:before{
position:absolute;
left:4.5%;
top:36%;
content:'\f2b5';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:180%;
color:#F66;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.contact-form a span.am:after{
position:absolute;
right:4.5%;
top:36%;
content:'\f138';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:180%;
color:#F66;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}


/* 近々開催のセミナーなど
------------------------------- */

#all table{
margin:10px auto 2em;
text-align:left;
border:1px solid rgba(128,113,116,0.8);
border-collapse: collapse;
background-color:#FFF;
font-size:100%;
}

#all table th,
#all table td{
padding:5px;
border:1px dashed rgba(128,113,116,0.8);
text-align:center;
}

#all table th{
font-weight:bold;
color:#111;
background-color:rgba(128,113,116,0.2);
text-align:center;
}

#all table td{
font-weight:normal;
color:#111;
text-align:left;
}

#all table td.title{
font-weight:700;
background-color:rgba(128,113,116,0.1);
}


.ex-col{
margin:2em auto;
max-width:600px;
}

.ex-col dd{
margin:0.8em 0.8em 0.8em 1.5em;
}

.ex-col dd:before{
padding-right:0.2em;
text-indent:-1em;
display:inline-block;
margin:0 0.05em 0 1em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f111";
color:#FF9900;
font-size:80%;
}



@media all and (min-width:700px) {


.photo-right{
float:right;
width:40%;
height:auto;
max-width:260px;
margin:0 1em 1em 1em
}

.photo-left{
float:left;
width:40%;
height:auto;
max-width:260px;
margin:0 1em 1em 1em
}

/*
ul.po li{
display:inline;
}
*/

dl.ex{
max-width:400px;
}

.ex-col{
font-size:120%;
}


/* #call-col{
----------------------------------------*/
#call-col{
display:flex;
justify-content:center;
max-width:700px;
margin-top:1em;
margin-left:auto;
margin-right:auto;
}

#call-col > div{
flex:1;
}


/* SDGsロゴ
------------------------------- */
#sdgs-logo-col{
margin:0 -5px 2em;
}

#sdgs-logo-col div{
margin:5px;
}



/* お問合せ
------------------------------- */
.contact-col{
text-align:center;
}

/* 近々開催のセミナーなど
------------------------------- */
#all table{
font-size:120%;
}

#all table th{
min-width:6em;
}

}