@charset "utf-8";

/*==========================================
 body
===========================================*/
body {width: 100%;
background-color:#ffffff;
text-align: left;
line-height: 1.8;
letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}


/*==========================================
 inner 1024px
===========================================*/
.inner {max-width:1024px;
margin: 0 auto 0;
padding: 0;}

.inner:after{content: "";
display: block;
clear: both}

/*==========================================
 Header
===========================================*/
header {width: 100%;
padding-top: 0;
background-color:#82d7d0;}

header h1 {padding-top: 8px;
padding-left: 8px;
letter-spacing:1.2px;
font-size:1.4em; font-weight:bold; color:#ffffff;
text-shadow: 2px 2px 4px #888888;}

header p {
padding-top: 0;
padding-bottom:8px;
padding-left: 8px;
font-size:0.88em; font-weight:normal;}

/*==========================================
 Mainvisual
===========================================*/
#mainvisual {width: 100%;
background-color:#82d7d0;
margin: 0;
padding: 0;}

/*==========================================
 Article
===========================================*/
article {width: 100%;}


/*  indexmenu  ------------------------------------------------*/
#indexmenu {width: 100%;/*max-width:1024px;*/ border-top: solid 1px #82d7d0;
margin: 0 auto 0;
padding: 0;
background-color: #ffffff;}

#indexmenu .col-left {float: left; margin:0; padding:0.5%; width: 48%;}
/*#indexmenu .col-left {float: left; margin:0.38%; padding:0.55%; width: 31.25%;} 3カラム */

#indexmenu .col-left img{margin: 0 18px 4px 0; vertical-align: bottom;
border-radius:14px;
box-shadow: 1px 1px 10px #C4C4C4;}

#indexmenu section a {
display: block;
position: relative;
padding: 0.48%;
text-decoration: none;}

#indexmenu section a:link,
#indexmenu section a:visited {
background-color: transparent;}

/*
#indexmenu section a:hover,
#indexmenu section a:active {
background-color: #f5f5f5;}
*/

#indexmenu section h1 {margin-left:8px;
margin-bottom: 3px;
font-size:1.18em;
font-weight: bold;
color: #319992;}

#indexmenu section h1:after {font-size: 1.28em; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101"; transition-duration: 0.3s;}

#indexmenu section a:link h1:after,#indexmenu section a:visited h1:after {margin-left: 5px;}
#indexmenu section a:hover h1:after,#indexmenu section a:active h1:after {margin-left: 18px;}
#indexmenu p {font-size:0.9em; color: #333333;}
/*  indexmenu  ------------------------------------------------*/


/*  netprint-indexmenu  ------------------------------------------------*/
#netprint-indexmenu {width: 100%;/*max-width:1024px;*/ border-top: solid 1px #82d7d0;
margin: 0 auto 0;
padding: 0;
background-color: #ffffff;}

#netprint-indexmenu .col-left {float: left;
margin:0.4%;
padding:0.1%;
width: 24.00%;}

#netprint-indexmenu .col-left_pc {float: left;
margin:0.4%;
padding:0.1%;
width: 24.00%;}


#netprint-indexmenu .col-left img{margin: 0 18px 4px 0; vertical-align: bottom;
border-radius:14px;
box-shadow: 1px 1px 10px #C4C4C4;}

#netprint-indexmenu .col-left_pc img{margin: 0 18px 4px 0; vertical-align: bottom;
border-radius:14px;
box-shadow: 1px 1px 10px #C4C4C4;}


#netprint-indexmenu section a {
display: block;
position: relative;
padding: 0.48%;
text-decoration: none;}

#netprint-indexmenu section a:link,
#netprint-indexmenu section a:visited {
background-color: transparent;}

#netprint-indexmenu section h1 {margin-left:8px;
margin-bottom: 3px;
font-size:1.28em;
font-weight: bold;
color: #319992;}

#netprint-indexmenu section h1:after {
font-family: "Font Awesome 5 Free";
content: '\f138';
transition-duration: 0.3s;}

#netprint-indexmenu section a:link h1:after,#indexmenu section a:visited h1:after {margin-left: 5px;}
#netprint-indexmenu section a:hover h1:after,#indexmenu section a:active h1:after {margin-left: 18px;}
#netprint-indexmenu .fas{color: #319992; margin:0 4px 0 0;}
#netprint-indexmenu p {font-size:0.9em; color: #333333;}
/*  netprint-indexmenu  ------------------------------------------------*/


/*  contents  ------------------------------------------------*/
#contents {width: 100%;
margin: 0 auto 0;
padding: 0;
background-color: #ffffff;}

#contents section {width: 100%; margin:18px 0 0; padding: 18px 0 18px; border-top: solid 1px #82d7d0;}
#contents p {margin: 0 0 18px;}

/*  contents sidemenu ------------------------------------------------*/
#contents .col-left {float: left;
padding:0.55%;
width: 75%;}

#contents .col-right {float: right;
width: 23%;}


/*==========================================
 Contents_eria
===========================================*/
#contents_eria {width: 100%; margin: 0 auto; padding: 28px 0 28px; background-color:#d7f5f3;}
#contents_eria p {margin: 0 0 4px 0; padding: 3px;}
#contents_eria section#left {width: 48%; float:left;}
#contents_eria section#right {width: 48%; float:right;}
#contents_eria section ul li {width: 100%;
margin:4px 0px 4px 0px;}


/*==========================================
 Contents_eria-gr
===========================================*/
#contents_eria-gr {width: 100%; margin: 0 auto; padding: 48px 0 48px; background-color:#dbf3f3; border-top: solid 1px #82d7d0;}
#contents_eria-gr p {margin: 0 0 4px 0; padding: 3px;}
#contents_eria-gr section#left-gr {width: 48%; float:left;}
#contents_eria-gr section#right-gr {width: 48%; float:right;}
#contents_eria-gr section ul li {width: 100%; margin:4px 0px 4px 0px;}


/*==========================================
 Footer
===========================================*/
footer {width: 100%;
margin: 48px auto 0;
padding:28px 0 18px;
color: #ffffff;
background: #82d7d0; /* Old browsers */
background: -moz-linear-gradient(top,  #82d7d0 0%, #38b1a8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82d7d0), color-stop(100%,#38b1a8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #82d7d0 0%,#38b1a8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #82d7d0 0%,#38b1a8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #82d7d0 0%,#38b1a8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #82d7d0 0%,#38b1a8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82d7d0', endColorstr='#38b1a8',GradientType=0 ); /* IE6-9 */
}


/*==========================================
 copyright
===========================================*/
#copyright {font-size:1em;
color: #ffffff;
margin: 0;
padding: 18px 0 148px 0;}

#copyright p {font-size:1em;
color: #ffffff;
outline: none;}

#copyright a {
color: #ffffff;
outline: none;}