﻿@charset "utf-8";
/* CSS Document */

main p,main li{
	font-size:1.8rem;
	margin-bottom:0.5rem;
}
#newsrelease main li{
	padding-left:1em;
	text-indent:-1em;
}




#date{
    font-size: 1.4rem;
    padding-top: 1em;
    padding-bottom: 1em;
	text-align:right;
}
#date span {
    font-size: 1.3rem;
    color: #EB0100;
    border: solid 1px;
    line-height: 1;
    display: inline-block;
    padding: 0.2em 0.7em 0.1em 0.7em;
    margin-left: 1em;
}

main h1{
	font-size:3rem;
	margin-bottom:1em;
	text-align:center;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif;
}
main h1 span{
	color:#EB0100;
}
#package ul{
	justify-content:center;
	margin-bottom:3rem;
}
#package ul li{
	margin:0 1.5rem;
	padding-left:0px;
	text-indent:0px;
}
ul.img_list{
	justify-content:center;
	margin-bottom:3rem;
}
ul.img_list li{
	margin:0 1.5rem;
	padding-left:0px;
	text-indent:0px;
	width:320px;
	text-align:center;
}


ul.img_list li img{
	max-width:100%;
}
main h2{
	font-size:2.2rem;
	margin-top:5rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif;
}
main h3, main h4, main h5, main h6{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif;
}
.table{
	border:solid 1px #ccc9c9;
	width:100%;
	margin-bottom:3.5rem;
}
.table_free{
	width:auto;
}
.table th{
	padding:1em;
	background-color:#f1eee9;
	font-size:1.8rem;
	border-bottom:solid 1px #ccc9c9;
	text-align:left;
	font-weight:normal;
	width: 9.5em;
}
.table_free th{
	width: auto;
}

.table td{
	padding:1em;
	font-size:1.8rem;
	border-bottom:solid 1px #ccc9c9;
	word-wrap: break-word;
}

#ttl_01{
	font-size:2.2rem;
	background-color:#f1eee9;
	padding:1rem;
}
#ttl_01 + h2{
	margin-top:3rem;
}
main .text_box{
	flex-wrap:nowrap;
}
main .text_box img{
	width:39%;
}
main .text_box p{
	width:58%;
}
main .text_box p span{
	font-weight:bold;
}
#profile h2{
	margin-bottom:0.5em;
}
#profile p{
	padding:1em;
	border:dashed 0.1rem;
	font-size:1.6rem;
}
#profile_02 h2{
	text-align:center;
}
#profile_02 h3{
	font-size:2.2rem;
	margin-bottom:1em;
}
#profile_02 .text_box p {
    width: 72%;
	margin-right:2%;
}
#profile_02 .text_box img{
	width:auto;
}


ul#list li{
	
	text-indent:-1em;
	padding-left:1em;
	
	}
	
	


#cate_news a{text-decoration:underline;}
#cate_news a:hover{text-decoration:none;}
.btn_red{margin-top: 4rem;}	
#cate_news .btn_red a{text-decoration:none;}
#cate_news small{font-size:1.3rem;}

/*過去記事レイアウト*/


#newsrelease .nr_date {
	text-align: right;

}

#newsrelease .title_img {
	margin-bottom: 8px;
	text-align: center;
}





.copy {
	/*text-align: left;
	margin-bottom: 40px;
	line-height: 22px;
	display: block;
	padding-top:10px;
	font-size:16px;*/
}


.bar {
font-weight:bold;
clear:both;
padding:5px;
width:100%;
font-size:16px;
display:block;
background:#fec4c4;
margin:0;
}

.midashi {
font-weight:bold;
clear:both;
padding:25px 0 5px 0;
width:100%;
font-size:16px;
display:block;
margin:0;
}


.tokuchou {
	text-align: left;
	font-size:1.8rem;
	
}
.tokuchou span {
	text-indent: -15px;
	display: block;
	margin-left: 15px;
	margin-bottom: 6px;

}

.small{font-size:85%;}

.pink{
	color:#fd798d;
	}
	
.red{
	color:#F00;
	}	
	
	
.futoji {
font-weight:bold;
padding:25px 0 7px 0;
}


.memo {
border:solid 2px #cccccc;
padding:10px;
width:705px;
}

.f12{
font-size:12px;
}


main .border_box{
	border:solid 1px #999;
	padding:1em;
}


#newsrelease table{
border-top:1px solid #ccc9c9;
border-right:1px solid #ccc9c9;
width:730px;
	}
#newsrelease table td {
	line-height: 18px;
	padding: 6px;
	border-left:1px solid #ccc9c9;
	border-bottom:1px solid #ccc9c9;
	font-weight:normal;
	border-right:1px solid #ccc9c9;
}


#newsrelease table.no-border{
	border-top:0;
	border-right:0;
width:700px;
	}
	
#newsrelease table.no-border td{
	line-height: 18px;
	padding: 6px;
	border:0;
	font-weight:normal;	
	
	}	


#newsrelease table td{
padding:0.7em;
	}
	
#newsrelease strong {font-weight:bold;}	
.center{text-align:center; margin:0 auto;}

.right-img{float:right; padding:0px 0 15px 15px; display:block; margin:0;}
.left-img{float:left; padding:0 15px 15px 0; display:block; margin:0; clear:left;}	
.mar0{margin-top:0px;}
.mar10{margin-top:10px;}
.mar20{margin-top:20px;}
.mar30{margin-top:30px;}
.mar40{margin-top:40px;}
.mar50{margin-top:50px;}
.pad0{padding-top:0px;}
.pad10{padding-top:10px;}
.pad20{padding-top:20px;}
.pad30{padding-top:30px;}
.pad40{padding-top:40px;}
.pad50{padding-top:50px;}

	
.toTop {
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	padding-left: 20px;
	padding-top:40px;

}


.toTop a:link { color: #CC0000; text-decoration: none;}
.toTop a:visited { color: #CC0000; text-decoration: none;}
.toTop a:active { color: #EB0100; text-decoration: none;}
.toTop a:hover { color: #FF6600; text-decoration: underline;}
.clear { clear: both;}




/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
main h1{
	font-size:2.5rem;
}
#package ul li {
	width:32%;
	text-align:center;
}
#package ul li img{
	/*width:100%;*/
	width: auto;

}
#package ul {
    margin-bottom: 2rem;
}
ul.img_list li {
	width:100%;
	width:100%!important;
	margin-bottom:1em;
}
ul.img_list li img{
	max-width:100%;
}
ul.img_list {
    margin-bottom: 2rem;
}
.table th {
	width:6em;
}
main .text_box {
    flex-wrap: wrap;
}
main .text_box p {
    width: 100%;
	order:2;
}
main .text_box img {
    width: 100%;
	order:1;
	margin-bottom:0.8rem;
}
#profile p {
    font-size: 1.8rem;
}
#profile_02 .text_box p {
    width: 100%;
    margin-right: 0%;
}
#profile_02 .text_box img {
    width: 100%;
}
.table_free {
    width: 100%;
}

.table td{

	word-break:break-all;
}

/*過去記事レイアウト*/
#newsrelease .midashi {
    width: 100%!important;
}
#newsrelease .copy {
    width: 100%!important;
}
#newsrelease .caption {
    width: 100%!important;
}
#newsrelease {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
}
#newsrelease h3 {
    font-size: 18px;
    line-height:1.4;
}
#newsrelease table{
    width: 100%;
}
#newsrelease table {
    width: 100%!important;
}
#newsrelease table td:nth-of-type(1){
	/*width:4em;*/
}
#newsrelease .midashi + table.table730 td:nth-of-type(2){
	width:3em;
}
#newsrelease .midashi + table.table730 td:nth-of-type(4){
	width:10em;
}
#newsrelease .memo {
    width: 100%;
	box-sizing:border-box;
}
#newsrelease .left-img {
    float: none;
    padding: 0;
}
#newsrelease .left-img img{
	width:100%;
}
#newsrelease .right-img {
    float: none;
    padding: 0;
	text-align:center;
}
#newsrelease .right-img img{
	width:50%;
	height:auto;
}
#newsrelease .futoji + .right-img img{
	width:100%;
	height:auto;
}
#newsrelease .bar {
    padding: 10px;
    width: 100%;
	box-sizing:border-box;
}

#newsrelease .toTop {
	padding-bottom:20px;
}

#newsrelease center img{
	width:100%;
	height:auto;
}

main #newsrelease img{width:auto;height:auto;max-width: 100%;}	
}
