@charset "utf-8";

/* ------------------------------- */

h2{
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}


@media print,screen and (min-width: 559px){
    h2{
        padding-bottom: 10px;
    }
}
@media print,screen and (min-width: 959px){
	#container{
		padding-top: 120px;
	}
	.wrapper:first-of-type,.wrapper_color:first-of-type,.wrapper_img:first-of-type{
		padding-top: 25px;
	}
    h2{
        padding-bottom: 15px;
    }
}


/*パンくずリスト*/
.pnkz{
	width: auto;
	font-size: 10px;
	margin-bottom: 20px;
}
.pnkz a{
	color: #006b91;
}
.pnkz span::before{
	content: "＞";
	margin: 0 5px;
}
@media print,screen and (min-width: 959px){
	.pnkz{
		margin-bottom: 30px;
	}
}

/* ------------------------------
   スガ layout
------------------------------ */
.sugatitle{
	background: url("../img/top/sugamori.jpg") no-repeat;
	background-size: cover;
	background-position: top center;
    height: 100px;
}
.sugamorititle{
    font-weight: 500;
    font-size: 25px;
    line-height: 1.2;
    text-align: center;
}
.sugamorititle span{
    font-size: 15px;
    display: block;
}
.suga h4.minititle{
    margin-bottom: 8px;
    font-size: 16px;
}
.sugamorititle span.sugamoriText{
    /**/font-family: 'Shippori Mincho B1', serif;
    font-size: 30px;
    font-weight: bold;
    display: inline;
}
.minititle rt{
    font-size: 10px;
}

@media print,screen and (min-width: 559px){
    .sugatitle{
        height: 120px;
    }
    .sugamorititle{
        font-size: 30px;
        text-align: left;
    }
    .sugamorititle span{
        font-size: 20px;
        display: inline;
    }
    .sugamorititle span.sugamoriText{
        font-size: 35px;
    }
    .suga h4.minititle{
        margin-bottom: 8px;
        font-size: 18px;
    }
}

@media print,screen and (min-width: 959px){
    .sugatitle{
        height: 180px;
    }
    .sugamorititle{
        font-size: 40px;
        text-align: left;
    }
    .sugamorititle span{
        font-size: 25px;
        display: inline;
    }
    .sugamorititle span.sugamoriText{
        font-size: 48px;
    }
    rt{
        font-size: 13px;
    }
    .suga h4.minititle{
        margin-bottom: 8px;
        font-size: 22px;
    }
}



/* ------------------------------
   companypage layout
------------------------------ */
.company1 dl{
	display: table;
	margin: 5px 0;
}
.company1 .paragraph{
	display: inline;
}
.company1 .paragraph::after{
	content: "・";
}
.company1 dt{
	width: 6em;
	display: table-cell;
}
.company1 dd{
	display: table-cell;
}
.company1 ul{
	margin-top: 5px;
}
.company1 ul li{
	line-height: 1.2;
	font-size: 90%;
}
/*ごあいさつ*/
h3.companytitle{
    width: 300px;
    margin: auto;
	padding: 5px 0 5px 10px;
	border-left: 10px solid #FF7600;
	border-bottom: 1px solid #FF7600;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
    font-family: 'Shippori Mincho B1', serif;
}
.company2 p{
	text-indent: 1em;
    font-family: 'Shippori Mincho B1', serif;
}

.greeting{
    width: 300px;
    margin: auto;
}
.president{
    display: block;
    font-size: 22px;
    margin-top: 1em;
    font-weight: 800;
}
.president span{
    font-size: 18px;
    margin-right: 1em;
}

#company .wrapper_img{
	background: url("../img/company/bgimg.png") no-repeat;
	background-size: contain;
	background-position: left top;
}
.company1img img{
    margin-bottom: 0;
}
.company1img span{
    font-size: 10px;
    display: block;
    width: 100%;
    line-height: 1;
    text-align: center;
}

.kiseki{
    padding-top: 80px;
}
.kisekiTitle{
    font-family: 'Shippori Mincho B1', serif;
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 25px;
    text-shadow: 0 0 1px #fff,
        0 0 3px #fff,
        0 0 5px #fff,
        0 0 10px #fff,
        0 0 20px #fff;
}
.kiseki p{
    font-family: 'Shippori Mincho B1', serif;
    text-shadow: 0 0 1px #fff,
        0 0 3px #fff,
        0 0 5px #fff,
        0 0 10px #fff,
        0 0 20px #fff;
    text-indent: 1em;
}
.company3{
    font-family: 'Shippori Mincho B1', serif;
}
.company3 th,.company3 td{
    display: block;
}
.company3 th{
    font-size: 12px;
}
.company3 td{
    line-height: 1.2;
    padding-bottom: 15px;
}
.enkaku p{
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.enkaku p span{
    font-size: 11px;
    display: block;
}
.kougei{
    width: 300px;
    margin: auto;
}
.kougei p,
.kougei p img{
    width: 130px;
}
.kougei p{
    float: left;
    margin: 10px;
    font-family: 'Shippori Mincho B1', serif;
}
.kenbiten{
    font-size: 11px;
    display: block;
}
.kougei p{
    line-height: 1.2;
    text-align: center;
}
.kougei p a{
    font-size: 11px;
    color: #000;
}

@media print,screen and (min-width: 559px){
    h3.companytitle{
        width: 550px;
    	font-size: 22px;
    }
	.company1 .mobile_text{
		margin-left: 10px;
	}
	.company1 .paragraph{
		display: block;
	}
	.company1 .paragraph::after{
		content: "";
	}
    #company .wrapper_img{
        background: url("../img/company/bgimg.png") no-repeat;
        background-size: contain;
        background-position: right top;
    }
    .greeting{
        width: 500px;
    }
    .president{
        font-size: 23px;
    }
    .president span{
        font-size: 19px;
    }

    .kisekiTitle{
        font-size: 35px;
        margin-bottom: 25px;
    }
    .kiseki{
        padding: 20px 0;
    }
    .company3 th{
        font-size: 12px;
    }
    .company3 td{
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 10px;
    }
    .kougei{
        width: 549px;
        margin: auto;
    }
    .kougei p,
    .kougei p img{
        width: 163px;
    }
}
@media print,screen and (min-width: 959px){
    .pad-no{
        padding-top: 0;
    }
    .enkaku p:last-of-type{
        margin-bottom: 0;
    }
    h3.companytitle{
        width: 900px;
    	font-size: 25px;
        padding: 5px 0 10px 20px;
        letter-spacing: .1em;
        margin-bottom: 30px;
    }
    .greeting{
        width: 800px;
    }
    .president{
        font-size: 25px;
    }
    .president span{
        font-size: 19px;
    }
    
    .kiseki{
        padding: 30px 0;
    }
    .kisekiTitle{
        font-size: 40px;
        margin-bottom: 30px;
    }
    .kiseki p{
        font-size: 18px;
        line-height: 1.8;
    }
    
    .company3 th{
        font-size: 14px;
    }
    .company3 td{
        font-size: 17px;
        line-height: 1.5;
        padding-bottom: 20px;
    }
    
    .kougei{
        width: 900px;
        margin: auto;
    }
    .kougei p,
    .kougei p img{
        width: 280px;
    }
    .kougei p{
        float: left;
        margin: 10px;
    }
    .kenbiten{
        font-size: 12px;
        display: block;
    }
    .kougei p{
        line-height: 1.2;
        text-align: center;
    }
    .kougei p a{
        font-size: 15px;
        color: #000;
    }
}
@media print,screen and (min-width: 1024px){
    h3.companytitle{
        width: 970px;
    }
   
}

/* ------------------------------
   businesspage layout
------------------------------ */
.business1 div{
	width: calc(50% - 20px);
	margin: 10px;
	float: left;
}
.business1 div p{
	text-align: center;
}
@media print,screen and (min-width: 559px){
	.business1 div{
		width: calc(25% - 20px);
	}
}
@media screen and (min-width: 1024px){
	.business1 div{
		width: 230px;
	}
}
.reform table{
	width: 100%;
}
.reform tr:first-of-type{
	background: #f0ede6;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.reform tr:last-of-type{
	background: #f0ede6;
	line-height: 1.8;
}
.reform tr:first-of-type th{
	font-size: 12px;
	font-weight: bold;
}
.reform tr:first-of-type th span{
	font-size: 18px;
	margin-left: 8px;
}
.reform th{
	padding: 10px;
	border-bottom: 1px solid #000;
}
.reform td{
	padding: 20px 10px;
}
.reform :nth-last-of-type(n+4) tr th:last-of-type{
	background: #f00;
	color: #fff;
	width: 4em;
	text-align: center;
}
.triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #f0ede6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	margin: 0 auto 20px;
}
.business_telephone{
	display: block;
	padding: 20px;
	margin-top: 20px;
	width: auto;
	text-align: center;
	background: #ffda00;
}
.business_telephone p{
	font-size: 20px;
	font-weight: bold;
	color: #006b91;
}
.business_telephone span{
	display: block;
	font-size: 12px;
	line-height: 1.2;
	font-weight: normal;
	color: #000;
}
.business_telephone span:first-of-type{
	margin-top: 10px;
}


@media screen and (min-width: 559px){
	.business_telephone{
		float: right;
		width: 35%;
	}
	.reform th{
		padding: 10px 20px;
	}
	.reform td{
		padding: 20px;
	}
	.reform :nth-last-of-type(n+4) tr th:last-of-type{
		padding: 10px;
	}
}
@media print,screen and (min-width: 959px){
	.business_telephone{
		width: 29%;
	}
	.reform th,.reform :nth-last-of-type(n+4) tr th:last-of-type{
		padding: 20px 20px 10px;
	}
	.reform :nth-last-of-type(n+4) tr th:last-of-type{
		font-size: 15px;
	}
	.reform tr:first-of-type th{
		font-size: 16px;
	}
	.reform tr:first-of-type th span{
		font-size: 23px;
		margin-left: 15px;
	}
}
@media print,screen and (min-width: 1024px){
	.business_telephone{
		width: 29%;
	}
	.reform table{
		width: 900px;
		margin: auto;
	}
}

/* ------------------------------
   examplepage layout
------------------------------ */

.b_aArea{
    width: 300px;
    margin: 20px auto 8px;
}

.b_a{
    width: 300px;
    margin: auto;
}
.b_a p,.b_a p img{
    width: 300px;
    margin: auto;
}
.b_a p span{
    text-align: center;
    width: 100%;
    display: block;
    padding: 3px 0;
    font-weight: bold;
    letter-spacing: .2em;
}
.b_a p span.before{
    background: #efefef;
    color: #aaa;
}
.b_a p span.after{
    background: #ffed85;
    color: #FF7600;
}
.detail p:last-of-type{
    font-size: 10px;
}

.ex-otTitle{
    width: 100%;
    padding: 5px 0 5px 10px;
    font-weight: bold;
    margin: 0 auto 5px;
    border-left: 5px solid #FFDA00;
}

p.yajirushi{
    width: 50px;
    height: 50px;
    margin: auto;
    background: url("../img/example/yajirushi2.svg") no-repeat;
    background-size: contain;
}
.exArea{
    width: 300px;
    margin: 20px auto;
}
.exArea p{
    width: 130px;
    margin: 0 10px;
    float: left;
}
.exArea p span{
    padding: 5px 15px 5px;
    background: #f9da02;
    color: #000;
    font-weight: bold;
    /*border-top: 2px solid #f9da02;
    border-right: 2px solid #f9da02;
    border-left: 2px solid #f9da02;*/
    border-radius: 50px 50px 0 0;
}
.exArea p img{
    width: 130px;
    margin: auto;
}
.otArea{
    width: 300px;
    margin: 20px auto;
}
.otArea p{
    width: 280px;
    margin: 10px auto;
}
.otArea p img{
    width: 280px;
    margin: auto;
}
.otArea p span{
    font-size: 12px;
    display: block;
    padding: 0 10px;
}

@media print,screen and (min-width: 559px){
    .b_aArea{
        width: 550px;
    }
    .b_a{
        width: 550px;
        margin: auto;
        display: table;
    }
    .b_a p{
        display: table-cell;
        vertical-align: middle;
    }
    .b_a p,.b_a p img{
        width: 250px;
        margin: auto;
    }
    .b_a p span{
        padding: 5px 0;
    }

    p.yajirushi{
        width: 50px;
        margin: auto;
        background: url("../img/example/yajirushi1.svg") no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .ex-otTitle{
        display: block;
    }
    
    .exArea{
        width: 550px;
        margin: 20px auto;
    }
    .exArea p{
        width: 163.3333333px;
        margin: 0 10px;
        float: left;
    }
    
    .exArea p img{
        width: 255px;
        margin: auto;
    }
    .otArea{
        width: 550px;
        margin: 20px auto;
    }
    .otArea p{
        width: 255px;
        margin: 10px;
        float: left;
    }
    .otArea p img{
        width: 255px;
        margin: auto;
    }
}
@media print,screen and (min-width: 959px){
    .b_aArea{
        width: 900px;
    }
    .b_a{
        width: 900px;
        margin: auto;
        display: table;
    }
    .b_a p{
        display: table-cell;
        vertical-align: middle;
    }
    .b_a p,.b_a p img{
        width: 415px;
        margin: auto;
    }

    p.yajirushi{
        width: 70px;
        margin: auto;
        background: url("../img/example/yajirushi1.svg") no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .ex-otTitle{
        padding: 5px 0 5px 10px;
        font-weight: bold;
        margin: 0 auto 5px;
        border-left: 5px solid #FFDA00;
        display: block;
    }
    
    .exArea,
    .otArea{
        width: 900px;
        margin: 20px auto;
    }
    
    .exArea p,
    .otArea p{
        width: 280px;
        margin: 10px;
        float: left;
    }
    
    .exArea p img,
    .otArea p img{
        width: 280px;
        margin: auto;
    }
}
@media print,screen and (min-width: 1024px){
    .b_a{
        width: 900px;
        margin: auto;
        display: table;
    }
    .b_a p{
        display: table-cell;
        vertical-align: middle;
    }
    .b_a p,.b_a p img{
        width: 415px;
        margin: auto;
    }

    p.yajirushi{
        width: 70px;
        margin: auto;
        background: url("../img/example/yajirushi1.svg") no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .ex-otTitle{
        padding: 5px 0 5px 10px;
        font-weight: bold;
        margin: 0 auto 5px;
        border-left: 5px solid #FFDA00;
        display: block;
    }
    
    .exArea,
    .otArea{
        width: 900px;
        margin: 20px auto;
    }
    
    .exArea p,
    .otArea p{
        width: 280px;
        margin: 10px;
        float: left;
    }
    
    .exArea p img,
    .otArea p img{
        width: 280px;
        margin: auto;
    }
}

/* ------------------------------
   contactpage layout
------------------------------ */

.contact_telephone{
	border: 1px solid #000;
	width: calc(100% - 40px);
	padding: 20px;
	margin: 20px 0;
}
.contact_telephone p:last-of-type{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 10px;
}
.contact_telephone p:last-of-type span{
	font-size: 12px;
	font-weight: normal;
	display: block;
}
.contact_telephone p:last-of-type :first-child{
	margin-top: 10px;
}
.contact_text{
	margin-bottom: 10px;
}
#privacypolicy{
	width: 300px;
	margin: auto;
	border: 1px solid #000;
	background: #fff;
}
#privacypolicy iframe{
	width: 100%;
}
.ip{
	font-size: 10px;
}
@media print,screen and (min-width: 559px){
	.ip{
		text-align: center;
	}
	#privacypolicy{
		width: 80%;
		margin: 0 10%;
	}
	.contact_telephone{
		text-align: center;
	}
}
@media print,screen and (min-width: 959px){
	.contact_telephone{
		width: 500px;
		margin: 20px auto;
	}
	.contact_text:last-of-type{
		text-align: center;
	}
    .contact_telephone p:last-of-type{
        font-size: 28px;
    }
}
#formWrap{
	width: 100%;
}
.formTable{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 50px;
}
.formTable th{
	border: 1px solid #aaa;
	background: #FFF5BB;
	color: #000000;
	font-weight: bold;
}
.formTable td{
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background: #fff;
}
.formTable tr:last-of-type td{
	border-bottom: 1px solid #aaa;
}
.formTable th,.formTable td{
	display: block;
	padding: 10px;
}
input[type="text"],textarea{
	padding: 10px;
	width: calc(100% - 20px);
}
.address :first-of-type{
	margin-bottom: 5px;
	width: 8em;
}
.required,.any{
	font-size: 10px;
	padding: 5px;
	color: #fff;
	margin-right: 10px;
}
.required{
	background: #f00;
}
.any{
	background: #999;
}
.sending{
	width: 285px;
	margin: auto;
}
.sending input{
	display: inline-block;
	width: 130px;
	margin: 10px 5px;
	border: 1px solid #006b91;
	padding: 10px 0;
	background: #006b91;
	color: #fff;
}
@media print,screen and (min-width: 559px){
	textarea{
		height: 80px;
	}
}
@media print,screen and (min-width: 959px){
	.formTable{
		width: 100%;
		margin-bottom: 60px;
	}
	.formTable tr{
		width: 100%;
		display: table;
		margin: 0;
		border: 1px solid #aaa;
		border-bottom: none;
	}
	.formTable th,.formTable td{
		display: table-cell;
		border: none;
		padding: 20px 10px;
	}
	.formTable tr:last-of-type th{
		border-bottom: 1px solid #aaa;
	}
	.formTable th{
		width: 20%;
	}
	.formTable td{
		width: 80%;
	}
	input[type="text"]{
		width: calc(80% - 20px);
	}
	.sending input{
		transition: .35s;
	}
	.sending input:hover{
		border: 1px solid #006b91;
		background: #fff;
		color: #006b91;
	}
}