@charset "UTF-8";
/* CSS Document */
/*font-family:'Audiowide', cursive;
font-family: 'Noto Sans JP', sans-serif;*/

img{width:100%;}
a{text-decoration:none; color:#000;}
.material-icons{vertical-align:sub;}

#article{width:100%; max-width:1000px; margin:5% auto 20% auto; text-align:center; font-family:'Noto Sans JP', sans-serif; clear:both;}
#article h1{text-align:center; font-size:30px; margin-bottom:2%; font-weight:700; line-height:30px;}
#article h2{font-size:20px; font-weight:700;}
#article b{font-weight:bold;}
.mainimg{margin-top:5%;}

#article_con{width:100%; text-align:left; margin:10% auto 0; overflow:hidden;}
#article_con p{font-size:14px; line-height:30px; margin:5% 0;}

/* 2023/7/20折鶴追加 */
.article{width:100%; max-width:1000px; margin:5% auto 20% auto; text-align:center; font-family:'Noto Sans JP', sans-serif; clear:both;}
.article h1{text-align:center; font-size:30px; margin-bottom:2%; font-weight:700; line-height:30px;}
.article h2{font-size:20px; font-weight:700;}
.article b{font-weight:bold;}
.mainimg{margin-top:5%;}

.article_con{width:100%; text-align:left; margin:10% auto 0; overflow:hidden;}
.article_con p{font-size:14px; line-height:30px; margin:5% 0;}
/* 2023/7/20折鶴追加 */


#staff{margin:5% 0 10% 0; text-align:left; background-color:#F7F7F7; padding:5%;}
#staff img{width:9%; float:left;}
#staff b{float:left; margin:1% 0 0 3%; font-size:18px;}
#staff b span{font-size:13px;}
#staff p{clear:both; padding-top:5%; font-style:italic; font-family:serif; font-weight:bold; line-height:23px;}

#index{text-align:left; padding:5%; border:1px solid #808080;}
#index h5{font-size:18px; margin:0;}
#index ul{width:97%; margin:3% 0 0 0; padding-left:3%;}
#index ul li{width:90%; margin:2% 0; list-style:none;}
.index-in{padding-left:2%; margin:1% 0;}

/*#article_con h3{font-size:20px; padding:2%; background-color:#F7F7F7; margin:0 0 3% 0;}*/
#article_con h3{font-size:20px; position:relative; padding:1rem 2rem calc(1rem + 10px); background:#F7F7F7; width:99%; margin:1%; font-weight:700;}
#article_con h3:before{position:absolute; top:-10px; left:-10px; width:100%; height:100%; content:''; border:3px solid #808080;}
#article_con h3 span{margin-right:2%; font-family:'Audiowide', cursive; font-size:25px; color:#808080;}
#article-in{margin-top:5%; overflow:hidden; clear:both;}
#article-in h4{border-bottom:3px dotted #cccccc; padding-bottom:1%; font-weight:700; font-size:18px;}

/* 2023/7/20折鶴追加 */
.article_con h3{font-size:20px; position:relative; padding:1rem 2rem calc(1rem + 10px); background:#F7F7F7; width:99%; margin:1%; font-weight:700;}
.article_con h3:before{position:absolute; top:-10px; left:-10px; width:100%; height:100%; content:''; border:3px solid #808080;}
.article_con h3 span{margin-right:2%; font-family:'Audiowide', cursive; font-size:25px; color:#808080;}
.article-in{margin-top:5%; overflow:hidden; clear:both;}
.article-in h4{border-bottom:3px dotted #cccccc; padding-bottom:1%; font-weight:700; font-size:18px;}
/* 2023/7/20折鶴追加 */

.column{width:100%; margin-bottom:5%; overflow:hidden;}
.column-2{width:49%; float:left; padding:2%; background-color:#F7F7F7; text-align:center;}
.column-2:nth-child(even){margin-left:2%;}

.column-3{width:32%; float:left; margin-left:1%; padding:2%; background-color:#F7F7F7; height:600px; margin-bottom:3%;}
.column-3 b{font-weight:bold; font-size:18px;}
.column-3:first-child{margin-left:0;}

.tone{width:49%; float:left; padding:2%; background-color:#F7F7F7; height:750px; margin:0;}
.tone b{display:block; text-align:center; margin-top:3%; font-weight:bold;}
.tone a{width:100%; text-align:center; display:block; margin-top:5%;}
.tone a img{width:80%;}
.tone a p{width:100%; text-align:center; margin-top:0;}
.tone p{width:100%; text-align:justify; text-justify:inter-ideograph;}
.tone:nth-child(even){margin-left:2%;}

.staffcode{width:90%; overflow:hidden; padding:0; margin:5% auto 0;}
.staffcode li{list-style:none; width:47%; margin-bottom:5%; display:inline-block; vertical-align:top;}
.staffcode li:nth-child(even){margin-left:4%;}
.codeitem{padding:3% 4% 2% 4%; border:1px solid #000; font-size:15px;}
.codeitem span{font-size:15px; padding-right:2%; margin-bottom:3%;}

.b{font-weight:bold;}
.marker1{background:linear-gradient(transparent 75%, #ffadad 75%); font-weight:bold;}
.color{color:#E5202C;}
.color2{color:#E5202C; font-weight:bold;}
.box{border:solid 1px #808080; width:40%; padding:2%; margin-top:-3%; font-size:14px; line-height:20px;}

.mybox{background-color: #fff; border:2px solid #ff7f7f; margin:30px 5px 5px 20px; padding:20px 20px 15px 20px; position:relative; font-size:13px; line-height:20px; text-align:center;}
.mybox:before{background-color:#ff7f7f; color:#fff; content:'POINT'; padding:5px 20px; position:absolute; left:-20px; top:-20px;}
.mybox:after{border-top:6px solid #ff7f7f; border-right:6px solid transparent; border-left:6px solid transparent; content:''; position:absolute; top:9px; left:12px;}

.imgcolumn-1{width:60%; margin:5% auto 0;}
.img-left{width:40%; float:left; margin-top:5%;}
#article_con .text-right{width:55%; float:left; margin:5% 0 0 5%;}

/* 2023/7/20折鶴追加 */
.article_con .text-right{width:55%; float:left; margin:5% 0 0 5%;}
/* 2023/7/20折鶴追加 */


@media screen and (max-width: 768px) {

#article h1{font-size:23px; text-align:left;}
#article h2{font-size:15px; text-align:left; margin-bottom:5%;}

#article_con{width:95%; margin:20% auto 0;}
#article_con p{font-size:13px; line-height:23px; text-align:justify; text-justify:inter-ideograph;}
    
/* 2023/7/20折鶴追加 */
.article h1{font-size:23px; text-align:left;}
.article h2{font-size:15px; text-align:left; margin-bottom:5%;}

.article_con{width:95%; margin:20% auto 0;}
.article_con p{font-size:13px; line-height:23px; text-align:justify; text-justify:inter-ideograph;}
/* 2023/7/20折鶴追加 */

#staff{width:95%; margin:5% auto 10%;}
#staff img{width:15%;}
#staff b{margin:0% 0 0 3%; font-size:15px;}
#staff b span{font-size:12px;}
#staff p{padding-top:10%; font-size:13px;}

#index{width:95%; margin:0 auto;}
#index ul li{width:100%; font-size:13px;}
.index-in{padding-left:5%;}

/*#article_con h3{font-size:16px; padding:4%; margin-bottom:10%;}*/
#article_con h3{font-size:15px; padding:1rem 1rem calc(1rem + 5px); width:98%; margin:2% 0 10% 2%;}
#article_con h3:before{top:-6px; left:-6px; content:''; border:2px solid #808080;}
#article_con h3 span{font-size:20px;}
#article-in{margin-top:15%;}
#article-in h4{font-size:15px;}

/* 2023/7/20折鶴追加 */
.article_con h3{font-size:15px; padding:1rem 1rem calc(1rem + 5px); width:98%; margin:2% 0 10% 2%;}
.article_con h3:before{top:-6px; left:-6px; content:''; border:2px solid #808080;}
.article_con h3 span{font-size:20px;}
.article-in{margin-top:15%;}
.article-in h4{font-size:15px;}
/* 2023/7/20折鶴追加 */

.column-2{width:100%; padding:5%; margin-bottom:5%;}
.column-2:nth-child(even){margin-left:0;}

.column-3{width:100%; margin-left:0; padding:5%; height:auto; margin-bottom:5%;}
.column-3 b{font-size:16px;}
.itempoint{font-size:12px;}

.tone{width:100%; margin-left:0; padding:5%; height:auto; margin-bottom:5%;}
.tone a img{width:100%;}
.tone p{width:100%; margin:5% auto 0;}

.staffcode{width:100%;}
.staffcode li{width:100%; margin-bottom:10%;}
.staffcode li:nth-child(even){margin-left:0;}
.codeitem{font-size:13px;}
.codeitem span{font-size:13px;}
	
.box{width:95%; font-size:13px;}
	
.imgcolumn-1{width:100%;}
.img-left{width:100%; float:none;}
#article_con .text-right{width:100%; float:none; margin-left:0;}

/* 2023/7/20折鶴追加 */
.article_con .text-right{width:100%; float:none; margin-left:0;}
/* 2023/7/20折鶴追加 */
}